ng-Datei-Upload akzeptiert jeden Dateityp, wenn ngf-accept = "'image/*'"

Question

Upload von Textdateien mit dieser Taste, die Überprüfung des Dateityps funktioniert nicht für mich, die Datei wird berücksichtigt gültig.

<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

Wir verwenden ng-file-upload ziemlich stark in unserer App, aber wir verwenden nicht die ngf-accept Richtlinie. Allerdings brauchen Sie nicht, dies zu verwenden, um die Lage sein, den Dateityp filtern in weitergegeben werden Angenommen, Sie die folgenden <div> zum Ziehen hatten.

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

Dann gäbe es ein Bereichs-Variablen in Ihrem Controller seine $scope.files genannt . Sie können einfach das type Attribut von $scope.files überprüfen, um zu sehen, wie der Dateityp ist. Wenn Sie Dateien, die mit image/ überprüfen wollte, dann könnte man diese verwenden:

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

Sie verarbeiten kann die Datei mit diesen Informationen in geeigneter Weise aus dem Controller geben. Beachten Sie, dass nicht alle Dateien einen Typ aufweisen, was auch im Gedächtnis behalten werden muss.