![](/img/trans.png)
[英]ng-file-upload validation (ngf-[max|min]-[height|width] or ngf-dimensions) not appearing to take effect
[英]ngf-max-size $digest() error with ng-file-upload in angular.js
这是源代码。
<div class="thumbnail" ngf-accept="'image/*'" ngf-pattern="'*.jpg,*.jpeg,*.gif,*.png'" ngf-max-size="1MB">
矫正性HTML模板下方。
angular.module('ptgui.imagebox',[
'ngFileUpload'
])
.directive('ptguiImagebox', ['$compile', function($compile) {
return {
templateUrl: 'scripts/libs/ptgui/ptgui-imagebox.html',
restrict: 'E',
require: 'ngModel',
scope: {
ngModel: "="
},
replace: true,
link: function ($scope, element, attrs) {
$scope.$watch('ngModel',function(newFile, oldFile){
if (newFile) {
$scope['ngModel'] = newFile;
} else {
$scope['ngModel'] = oldFile;
}
});
}
};
}]);
在指令下方。
当我通过max_size上传图片时,以下始终出现$ digest()错误。
我还有一个问题。 找到解决此问题的解决方案后,当有人上传超过max_size的图像时,我会发出警报消息。
谢谢你的回答。
您不应该在手表内部更改模型,因为它会创建一个循环。 如果您只需要在文件上传时提醒大小是否超过该大小,就可以检查状态。
假设您输入以下内容:
<input type="file" ngf-select ng-model="picFile" name="file"
accept="image/*" ngf-max-size="1MB" required
ngf-model-invalid="errorFile">
然后,您只需要在html中显示它,即可显示超出限制大小的警报:
<i ng-show="myForm.file.$error.maxSize">File too large
{{errorFile.size / 1000000|number:1}}MB: max 1M</i>
而且您也不需要指令来处理。
在此处查看有关验证的更多信息。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.