Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/22.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 使用Angular.js ng file upload上载错误文件时无法获取验证消息_Javascript_Angularjs_Ng File Upload - Fatal编程技术网

Javascript 使用Angular.js ng file upload上载错误文件时无法获取验证消息

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

我在尝试实现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">
        <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}”。