如何預覽先前上傳到服務器的圖像？

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/