如何在ng-file-upload中显示无法上传的文件大小?

时间:2015-12-29 09:25:48

标签: ng-file-upload

ng-file-upload文档显示samples of usage。第一个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>

但是,当我运行小提琴并上传大于2M的文件时,验证消息显示:

File too large MB: max 2M

因此消息中不存在表达式{{picFile.size / 1000000|number:1}}。看起来picFile.size未设置。有没有办法显示尺寸?

1 个答案:

答案 0 :(得分:14)

更新了示例页面:http://jsfiddle.net/danialfarid/maqbzv15/544/

您可以使用ngf-model-invalid="errorFiles",然后按errorFiles[0].size获取无效的文件大小。