Comment obtenir le chemin d'accès de l'envoi de fichier d'entrée dans angulaire 4
Je veux télécharger une image et créer un aperçu dans angulaire 4.
Le modèle est donné ci-dessous:
<div>
<input type="file" (onchange)="handleUpload($event)">
<img [src]="Logo" >
</div
Je veux appeler une fonction handleUpload()
chaque fois qu'un fichier est sélectionné. Cette fonction définit la valeur de la variable Logo
pour le chemin d'accès du fichier choisi. Je ne suis pas en mesure d'obtenir le chemin d'accès parce que la fonction handleUpload($event)
n'est pas appelé.
La classe de composant est donnée ci-dessous:
export class App {
Logo:string;
handleUpload(e):void{
this.Logo = e.target.value;
}
constructor() {
}
}
Je ne comprends pas quel est le problème avec mon code. Démo
Vous devez vous connecter pour publier un commentaire.
Angulaire de vous écrire événements javascript sans le suffixe.
Changement:
À:
Afficher l'aperçu de l'image - Exemple de code
Démo et plus d'infos