Javascript 使用Angular.js ng file upload上载错误文件时无法获取验证消息
我在尝试实现Angular.js的Javascript 使用Angular.js ng file upload上载错误文件时无法获取验证消息,javascript,angularjs,ng-file-upload,Javascript,Angularjs,Ng File Upload,我在尝试实现Angular.js的ng file upload时遇到了一个问题,我的问题是上传错误的文件时没有收到任何验证消息。我在下面解释我的代码 <form name="billdata" id="billdata" enctype="multipart/form-data" novalidate> <div class="input-group bmargindiv1 col-md-12" ng-show="status==1"> <d
ng file upload
时遇到了一个问题,我的问题是上传错误的文件时没有收到任何验证消息。我在下面解释我的代码
<form name="billdata" id="billdata" enctype="multipart/form-data" novalidate>
<div class="input-group bmargindiv1 col-md-12" ng-show="status==1">
<div ng-class="{ 'myError': billdata.bannerimage.$touched && billdata.bannerimage.$invalid }">
<div class="image-upload text-center">
<label for="imagefile1">
<img ng-src="{{attchImage1}}" style="cursor:pointer;width:auto; height:160px; border:1px #666 solid"/>
</label>
<input type="file" data-size="lg" name="bannerimage" id="imagefile1" ng-model="file" ngf-pattern="image/*" accept="image/*" ngf-max-size="2MB" ngf-min-height="100" ngf-resize="{width:100, height:100}" custom-on-change="uploadFile" ngf-select="onFileSelect($file);" >
<div class="input-group bmargindiv1 col-md-12">
<label for="imagefile1" >
<span style="color:#00F; font-style:italic; cursor:pointer"> Click here to upload Image </span>
<input type="hidden" name="someData" ng-model="imageData" />
</label>
</div>
</div>
</div>
</div>
<div class="help-block" ng-messages="billdata.bannerimage.$error" ng-if="billdata.bannerimage.$touched">
<p ng-message="maxSize" style="color:#F00;">File is too large.Max size is 2 mb.</p>
<p ng-message="minHeight" style="color:#F00;">Minimum height should be 100px</p>
</div>
</form>
点击这里上传图片
文件太大。最大大小为2 mb
最低高度应为100px
在这里,当我上传错误的文件大小(
i.e-min-heights)时,我们可以有一把相同的小提琴吗?你有angular-messages.js加载吗?@Bonatoc:是的,我有`。console.log(billdata.bannerimage.$error)说什么?“当指定任何验证指令时,将进行表单验证,您可以使用myForm.myFileInputName.$error访问验证值。例如form.file.$error.pattern。如果允许多个文件选择,您可以指定ngf model invalid=“invalidFiles”将无效文件分配到一个模型,并使用file.$error查找每个单独文件的错误以及使用file.$errorParam对其进行说明。您可以使用angular ng model options允许将无效文件设置为ng model ng model options=“{allowInvalid:true}”。