javascript - ng-file-upload 验证(ngf-[max|min]-[height|width] 或 ngf-dimensions)似乎未生效

Question

一些 ng-file-upload 指令显然在这里起作用:我可以看到图像预览，并且上传效果很好。我现在正在尝试验证图像分辨率。检查元素时我看到以下内容:

<input type="file" ngf-dimensions="$width == 114 && $height == 114" ng-select="onFileSelect($files)" accept="image/png" base-sixty-four-input="" ng-model="fileDesc.file" name="filename_png" id="filename_png" class="ng-untouched ng-valid ng-isolate-scope ng-valid-parse ng-dirty">

我可以看到 ngf-dimensions 属性已正确填充，此外，ng-dirty 已设置，因为我尝试在以下位置上传文件这点。但文件的尺寸不是 114x114。我不应该看到 ng-invalid 而不是 ng-valid 吗？

我也尝试过这个较长的措辞，我认为它是等效的，具有相同的效果:

<input type="file" ngf-min-width="114" ngf-min-width="114" ngf-min-height="114" ngf-max-height="114" ... >

为了启用表单字段的验证以及检查 form.field.$error 的功能，是否需要执行一些特定操作？

更新添加 ng-file-upload 版本:11.2.0

再次编辑以添加测试:{{form.field}}的输出，是否应该填充$validators？或者也许我在这里使用 base64 上传指令时遇到了一些冲突？

测试:{"$viewValue":{"filetype":"image/png","filename":"PNG成功.png","filesize":383443,"base64":"... "},"$validators":{},"$asyncValidators":{},"$parsers":[null,null,null,null],"$formatters":[],"$viewChangeListeners":[], "$untouched":true,"$touched":false,"$pristine":false,"$dirty":true,"$valid":true,"$invalid":false,"$error":{}, "$name":"filename_png","$options":null}

Answer 1

我不熟悉这个库，但看起来它的引用文档说:

 ngf-dimensions="$width > 1000 || $height > 1000" or "validateDimension($file, $width, $height)"
 // validate the image dimensions, validate error name: dimensions

如果我查看下面作者的验证示例，他似乎正在使用 required 属性，这可能是您唯一的问题，但我还会检查 form.file.$error .dimensions 查看错误是否被捕获:

<input type="file" ngf-select ng-model="picFile" name="file" accept="image/*" ngf-max-size="2MB" required ngf-model-invalid="errorFiles">