Dev Faq
0
votes

Comment afficher la vignette de l'image en utilisant le téléchargement de l'image angulaire

J'utilise NG2-FILE-UPLOAD pour télécharger l'image. Tout fonctionne bien mais après avoir choisi l'image, il affichera la vignette de l'image sélectionnée.

S'il vous plaît examiner mon Stackblitz LINK

Merci d'avance

3 commentaires

Veuillez mettre à jour votre réponse avec un code afin que nous puissions vous aider de la meilleure façon

pouvez-vous vérifier le lien

J'ai besoin de montrer la vignette de l'image téléchargée

3 Réponses :

2
votes

Vous pouvez regarder sur ce Demo Que cela vous aide Fichier de modèle EM>: p>

IMG code> Elément pour afficher l'aperçu de l'image p> 

constructor(private sanitizer: DomSanitizer) {} // inject the DomSanitizer

 previewImg: SafeUrl;
 this.uploader.onAfterAddingFile = (file) => {
      console.log('***** onAfterAddingFile ******')
      this.previewImg = this.sanitizer.bypassSecurityTrustUrl((window.URL.createObjectURL(file._file)));;
 }

0 commentaires
1
votes

J'ai eu la solution,

J'ai testé sur votre HTTPS: // stackblitz.com/edit/angular-ng2-file-upload , essayez ceci fonctionnent xxx

composant.html

xxx

0 commentaires
1
votes

Voici la réponse lorsque votre image est prête à l'aide de fileReader Afficher la vignette xxx

Votre HTML ressemble à ceci xxx

1 commentaires

Merci beaucoup

Articles qui pourrait vous intéresser :

Impossible d'importer le module "@ angular / material"
Interaction profonde avec break and catch
Utilisation de node.js comment renommer tous les fichiers d'un dossier
Google Chrome Uncaught (promis) DOMException lors de la lecture AUDIO