2016-03-03 42 views
0

我們的應用程序允許用戶選擇多個大圖片上傳。ng-file-upload v12.0.1 - 生成縮略圖時顯示臨時的「加載」圖標

使用''ngf-thumbnail'指令有時可能在生成預覽時很慢。

是否有一個很好的方式來顯示加載圖標(或任何其他圖像),而縮略圖正在處理?

<img ngf-thumbnail="file" ngf-size="{width: 100, height: 100, quality: 0.5}"/> 
+1

使用'ngf-before-model-change =「beforeChange($ files,...)」//在文件選擇/刪除之後調用...之前...檢測文件選擇,然後顯示加載圖標和一旦img的src被設置,就將其刪除。 – danial

回答

0

我能得到這個做的工作如下:

<img ng-src="/spinner.gif" ngf-thumbnail="file" ngf-size="{width: 100, height: 100, quality: 0.5}"/> 

當NG-文件上傳成功後生成縮略圖,它有效地取代了原來的「SRC」吳集-src。