在上传角度2之前显示图片

Question

我正在使用ng2fileupload将pic上传到服务器代码工作正常并且图像上传但是我想在将图像发送到服务器之前显示图像以便上传我的代码，如下所示

  <img src="" >

  <input type="file" placeholder="Upload file"  ng2FileSelect [uploader]="uploader">
  <button class="btn btn-success btn-s" role="submit" (click)="uploader.uploadAll()" [disabled]="passwordForm.valid">
      Update 
  </button>

我无法获取图像的路径，因此我无法将其发送到img标记的src。任何帮助表示赞赏。

Answer 1

以下是一篇文章的链接，该文章向您展示了如何做您想做的事情。它只是不使用Angular来做到这一点。 https://scotch.io/tutorials/use-the-html5-file-api-to-work-with-files-locally-in-the-browser

基本上，您需要使用文件api将文件转换为数据URL，并将“src”设置为该URL。