如何预览以前上传到服务器的图片？

Question

我正在使用ng-file-upload，我想知道如何使用ngf-thumbnail显示之前上传到服务器的图片？

Answer 1

ng-file-upload非常棒的角度插件可以处理文件。它也有很好的记录。

将控制权添加到流程文件后：

<div ngf-drop="" ng-model="files" ngf-model-options="modelOptionsObj" ngf-multiple="multiple" ngf-pattern="'image/*'" ... />

您可以使用ngf-src指令

访问此文件以在预览中显示

      <div class="preview">
        <img ngf-src="!files[0].$error && files[0]">
      </div>

为了更好地理解这个插件支持的更多行为，请点击此演示链接

https://angular-file-upload.appspot.com/