角度图像上传验证消息问题

Question

我正在使用角度图片上传插件。我想在用户上传无效文件类型时显示ngf-pattern错误消息。但问题是另一个错误消息显示（ng-required消息）。如何停止ng-required消息。我正在使用angular-auto-validate插件进行验证。

我的代码

<div class="col-sm-6">
    <input type="file" ngf-select ng-model="file.nicCopy" name="nicCopy" ngf-pattern="'.jpg,.jpeg,.png'"
            ngf-accept="'image/*'" ngf-max-size="20MB" ngf-min-height="100" ng-required="!customerDetails.isPending && (customerDetails.customerType.description | uppercase) == 'INDIVIDUAL' && (!customerDetails.filepathnic || customerDetails.filepathnic == 'null')"
            ngf-resize="{width: 800, height: 600}" ngf-resize-if="$width > 800 || $height > 600" class="form-control" />  <!--<input type="file"  file-model="myFile"  class="form-control"/></div>   ng-files="getTheFiles($files)" -->
    <img ngf-thumbnail="file.nicCopy" ngf-size="{width: 100, height: 100, quality: 0.9} ">

    <div ng-if="customerForm.nicCopy.$error.pattern" class="error-msg">Invalid File Format </div>
</div>

Answer 1

检查文件扩展名可以通过简单的Javascript完成，而不是使用插件。

Array ( [0] => Array ( [DEPARTMENTID_FK] => DP0023 [to] => alwis.david@gmail.com,alwis.david@live.com ) [1] => Array ( [DEPARTMENTID_FK] => DP0026 [to] => david.alwis@siix.com.sg ) )

同样尝试使用DOM来获取此类属性以进行验证。可能会使自己的功能变得可重复使用。