如何在 ng-file-upload 中显示上传失败的文件大小?
How to show the file size which failed to upload in ng-file-upload?
ng-file-upload 文档显示 samples of usage. The first sample fiddle 显示文件大小的验证消息:
<input type="file" ngf-select ng-model="picFile" name="file"
accept="image/*" ngf-max-size="2MB" required>
<i ng-show="myForm.file.$error.required">*required</i><br>
<i ng-show="myForm.file.$error.maxSize">File too large
{{picFile.size / 1000000|number:1}}MB: max 2M</i>
但是,当我 运行 fiddle 并上传大于 2M 的文件时,验证消息显示:
File too large MB: max 2M
因此消息中缺少表达式 {{picFile.size / 1000000|number:1}}
。看起来 picFile.size
没有设置。有没有办法显示尺寸?
更新了示例页面:http://jsfiddle.net/danialfarid/maqbzv15/544/
您可以使用 ngf-model-invalid="errorFiles"
然后通过 errorFiles[0].size
获取无效的文件大小。
ng-file-upload 文档显示 samples of usage. The first sample fiddle 显示文件大小的验证消息:
<input type="file" ngf-select ng-model="picFile" name="file"
accept="image/*" ngf-max-size="2MB" required>
<i ng-show="myForm.file.$error.required">*required</i><br>
<i ng-show="myForm.file.$error.maxSize">File too large
{{picFile.size / 1000000|number:1}}MB: max 2M</i>
但是,当我 运行 fiddle 并上传大于 2M 的文件时,验证消息显示:
File too large MB: max 2M
因此消息中缺少表达式 {{picFile.size / 1000000|number:1}}
。看起来 picFile.size
没有设置。有没有办法显示尺寸?
更新了示例页面:http://jsfiddle.net/danialfarid/maqbzv15/544/
您可以使用 ngf-model-invalid="errorFiles"
然后通过 errorFiles[0].size
获取无效的文件大小。