如何预览先前上传到服务器的图像？

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/