Javascript ng文件上载验证（ngf-[max | min]-[height | width]或ngf维度）似乎未生效

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

<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">

为了启用表单字段的验证和检查

form.field.$error

，是否需要执行一些特定的操作

更新为添加ng文件上载版本：11.2.0

再次编辑以添加

Test:{{form.field}

的输出，是否应填充

$validators

？或者我在这里使用base64 upload指令时也遇到了一些冲突

---

Test:{“$viewValue”：{“filetype”：“image/png”，“filename”：“png successful.png”，“filesize”：383443，“base64”：“..”}，“$validators”：“{}，$asyncValidators”：“{}，$parsers”：[null，null，null，null]，“$formatters”：[]，“$viewChangeListeners”：[]，“$untouched”：true，“$touched”：false，$pristine”：false，“$dirty”：true，“$valid”：true，$valid”：true，$error:{}，“$name”：“filename_png”，“$options”：null}

我不熟悉这个库，但它的参考文档似乎说：

 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">

---

我对该库不熟悉，但它的参考文档似乎说：

 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">

我应该首先提供一个JSFIDLE。我只是试图生成一个JSFIDLE来重现我的问题，这迫使我意识到我的代码丢失了模块上的ngFileUpload注入。难怪它不起作用。感谢@danial的出色工作。

我应该首先提供一个JSFIDLE。只是尝试一下ng生成一个来重现我的问题，这迫使我意识到我的代码丢失了模块上的ngFileUpload注入。难怪它不起作用。谢谢@danial，谢谢你的出色工作。

'ng-file-select'用于插件的旧版本。使用'ngf-select'，按照示例进行操作。谢谢，@danial，我没有看到这一更改。但我一直很抱歉我已尝试添加

ngf max size=“100KB”“

也一样，但即使我尝试上载分辨率错误且大于最大大小的文件，元素仍然设置为

ng valid

。然后创建一个JSFIDLE，您可能缺少一些非常简单的东西。您可以使用文档中的JSFIDLE示例进行参考和比较。“ng-file-select”用于插件的旧版本。使用“ngf选择”，按照样本进行操作。谢谢，@danial，我没有看到更改。但我已经做了更正，验证仍然没有生效。我也尝试过添加

ngf max size=“100KB”

，但即使我尝试上载分辨率错误且大于最大大小的文件，元素仍然设置为

ng valid

。然后创建一个JSFIDLE，您可能遗漏了一些非常简单的内容。您可以使用文档上的JSFIDLE示例进行参考和比较。我不认为

required

属性是。。。必修的。我应该能够验证图像，无论它们是必需的还是可选的。

$error

数组在此调试显示中保持为空：

测试：{{ctrl.betaForm[fileDesc.key].$error}}

，但当仅显示

测试：{{ctrl.betaForm[fileDesc.key]}

时，我确实看到了文件上载字段的预期属性，示例I列表中的另一个区别是ngf select与ng file selectYep，@danial（该指令的作者）也用该注释对该问题进行了评论，但我刚刚更新以使用该注释，并且仍然看到相同的行为，没有出现任何验证。很抱歉。我没有真正的答案，但有太多的文字供评论-我不认为

required

属性是。。。必修的。我应该能够验证图像，无论它们是必需的还是可选的。

$error

数组在此调试显示中保持为空：

测试：{{ctrl.betaForm[fileDesc.key].$error}}

，但当仅显示

测试：{{ctrl.betaForm[fileDesc.key]}

时，我确实看到了文件上载字段的预期属性，示例I列表中的另一个区别是ngf select与ng file selectYep，@danial（该指令的作者）也用该注释对该问题进行了评论，但我刚刚更新以使用该注释，并且仍然看到相同的行为，没有出现任何验证。很抱歉。我没有真正的答案，但有太多的文字供评论-D