在上传angular 2之前显示图片

我正在使用ng2fileupload将图片上传到服务器。代码运行良好，图片正在上传，但我想在将图片发送到服务器上传之前显示图片。下面给出了我的代码

  <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。感谢您的帮助。

这里有一篇文章的链接，向您展示了如何做您想做的事情。它只是不使用角度来做这件事

---

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

也许，您可以通过组件的方法自己处理图像上传。这样做，我想在发送图像之前获得图像的路径会更容易。这里是一个，你可以看到如何上传文件。