JQuery - alle fileNames in Eingang erhalten = 'Datei'

Question

Ich habe <input type="file" id="basicUploadFile" multiple="multiple"> und ich möchte alle Dateinamen in diesem Eingang erhalten. Ich habe ein Beispiel gesehen, aber es bekommt nur den Namen der ersten Datei.

$ ('#basicUploadFile').live ('change', function() { 
    alert($ ('#basicUploadFile').val()); 
}); 

Wie kann ich das tun? Vielen Dank.

Answer 1

var files = $('#basicUploadFile').prop("files") 

files wird ein Filelist-Objekt sein.

var names = $.map(files, function(val) { return val.name; }); 

Jetzt names ist ein Array von Strings (Dateinamen)

FileAPI reference
files property reference

Answer 2

jsFiddle Demo

---

Sie noch die Dateien als FileList Sammlung ohne die zugreifen können Notwendigkeit für die übermäßige Verwendung jQuery. Ich habe eine schnelle jsFiddle erstellt, die demonstriert, wie man die Information aus der Eingabe mit den FileList und File Objekten erhält. Hier ist ein Ausschnitt:

$('#basicUploadFile').live('change', function() 
{ 
    for (var i = 0; i < this.files.length; i++) 
    { 
     alert(this.files[i].name); 
     alert(this.files.item(i).name); // alternatively 
    } 
}); 

Answer 3

<input name="selectAttachment" id="selectAttachment" type="file" multiple="multiple"> 
<button class="btn btn-default" onclick="uploadAttachment()" type="submit">Upload</button> 


function uploadAttachment() { 
       debugger; 
       var files = $('#selectAttachment').prop('files'); 
       var names = $.map(files, function (val) { return val.name; }); 
      } 

Answer 4

ich benutzten in der Konsole alle Dateien Namen zeigen:

var input_file = $("#input_file"); 
input_file.on("change", function() { 
    var files = input_file.prop("files") 
    var names = $.map(files, function (val) { return val.name; }); 
    $.each(names, function (i, name) { 
      console.log(name); 
    }); 
});