Wie bekomme ich den Namen der hochgeladenen Dateien

Question

Ich benutze Bootstrap File Upload Plugin geschrieben von Krajee (http://plugins.krajee.com/file-input/plugin-options). Ich versuche den Namen der hochgeladenen Dateien zu erhalten. Ich habe keine Methode dafür gesehen. Wie kann ich es schaffen?

Answer 1

In der Bootstrap-Datei hochladen Dokumente (speziell die Ereignisse), ich habe festgestellt, dass beim Hochladen einer Datei lädt auch eine Vorschau davon (wenn Sie diese Option aktiviert haben). Wenn das passiert, ist, dass es das folgende Ereignis aussendet:

$('#input-id').on('fileloaded', function(event, file, previewId, index, reader) { 
    console.log("fileloaded"); 
}); 

Der zweite Parameter file ist eigentlich ein JavaScript-Objekt, das die Namen Eigenschaft hat, als docs Zustand hier: https://developer.mozilla.org/en-US/docs/Web/API/File so könnten Sie versuchen, so etwas wie:

$('#input-id').on('fileloaded', function(event, file, previewId, index, reader) { 
    console.log(file.name); 
}); 

Mehr Infos hier: https://developer.mozilla.org/en-US/docs/Web/API/File/name

auch könnte man versuchen, wenn das change Ereignis zu sehen, das ausgelöst wird, wenn Sie unabhängig von Vorschau einer Datei laden oder nicht, zusätzliche Parameter hat (Dies ist nicht in der Dokumentation):

$('#input-id').on('change', function(event) { // add the second parameter file 
    console.log("change"); // try to log file.name here and see if it works 
});