当ngf-accept =＆＃34;＆＃39; image / *＆＃39;＆＃34;＆＃39; image / *＆＃39;＆＃34;＆nbsp;

Question

使用此按钮上传文本文件，检查文件类型对我不起作用，该文件被视为有效。

    <button ng-hide="uploading" class="btn centered" type="file"
ngf-select="uploadFiles($file, $invalidFiles)" accept="'image/*'"
ngf-max-size="4MB" ngf-accept="'image/*'">
  {{(boardingData.profile_pic_url) ? "Change Photo" : "Upload a Photo"}}
</button>

Answer 1

我们在应用中大量使用ng-file-upload，但我们不使用ngf-accept指令。但是，您不需要使用它来过滤传入的文件类型。假设您有以下<div>用于拖动：

<div ngf-drop="" ng-model="files" class="some_class_here" ngf-allow-dir="false">

然后在控制器中会有一个名为$scope.files的范围变量。您只需检查type的{​​{1}}属性即可查看文件类型。如果您想检查以$scope.files开头的文件，那么您可以使用：

image/

您可以使用此信息从控制器中正确处理文件类型。请注意，并非所有文件都显示为具有类型，这也是值得记住的。

Answer 2

我知道这个问题很旧，但是我仍然自己使用此工具，并试图弄清为什么如果我没有错误地指定了accept，我就不能遗漏ngf-accept的原因。原来ngf-accept不需要打勾，accept不需要打勾。

仅在ngf属性中使用'勾号，例如ngf-accept="'image/*'"或ngf-pattern，例如ngf-pattern="'image/*'"或ngf-pattern="'.jpg,.png'"。

在accept中，您应该使用accept="image/*"。