當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 
} 

您可以處理的文件從該信息的控制器適當類型。請注意，並非所有文件都顯示爲具有某種類型，這也是需要注意的事項。