当ngf-accept =“'image/*'”时，ng-file-upload正在接受任何文件类型

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属性$scope.files即可查看文件类型。如果你想检查与image/开头的文件，那么你可以使用这个：

if ($scope.files.startsWith("image/")) { 
    console.log("You dragged an image file"); 
    // or whatever your logic is 
} 

您可以处理的文件从该信息的控制器适当类型。请注意，并非所有文件都显示为具有某种类型，这也是需要注意的事项。