Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/439.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript ng文件上载v12.0.1-显示临时';装载';正在生成缩略图时的图标_Javascript_Angularjs_Ng File Upload - Fatal编程技术网

Javascript ng文件上载v12.0.1-显示临时';装载';正在生成缩略图时的图标

Javascript ng文件上载v12.0.1-显示临时';装载';正在生成缩略图时的图标,javascript,angularjs,ng-file-upload,Javascript,Angularjs,Ng File Upload,我们的应用程序允许用户选择多个大型图像进行上传 使用“ngf-thumbnail”指令有时在生成预览时会很慢 在处理缩略图时,是否有一种显示加载图标(或任何其他图像)的好方法 <img ngf-thumbnail="file" ngf-size="{width: 100, height: 100, quality: 0.5}"/> 我可以通过执行以下操作来实现这一点: <img ng-src="/spinner.gif" ngf-thumbnail="file" ngf-s

我们的应用程序允许用户选择多个大型图像进行上传

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

在处理缩略图时,是否有一种显示加载图标(或任何其他图像)的好方法

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

我可以通过执行以下操作来实现这一点:

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


当ng文件上传完成并生成缩略图时,它将有效地替换ng src设置的原始“src”

使用'ngf before model change=“beforeChange($files,…)”//在文件选择/删除后和之前调用…`来检测文件选择,然后显示加载图标,并在设置img的src后将其删除。