ng-file-upload v12.0.1 - 生成缩略图时显示临时 'loading' 图标

Question

我们的应用允许用户select 上传多张大图片。

使用“ngf-thumbnail”指令有时生成预览会很慢。

在处理缩略图时是否有显示加载图标（或任何其他图像）的好方法？

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

Answer 1

我可以通过执行以下操作来实现它：

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

当 ng-file-upload 完成生成缩略图时，它有效地替换了 ng-src 设置的原始 'src'。