Ich habe <input type="file" id="basicUploadFile" multiple="multiple"> und ich möchte alle Dateinamen in dieser Eingabe 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 machen? Vielen Dank.

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-Referenz
Dateieigenschaftsreferenz

jsFiddle-Demo

Sie können weiterhin auf die Dateien als FileList Sammlung ohne die Notwendigkeit einer Überbeanspruchung jQuery. Ich habe schnell eine erstellt jsFiddle demonstrieren, wie man die Informationen aus der Eingabe herausholt, indem man die verwendet FileList und File Objekte. 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
    }
});

Ich habe dies verwendet, um in der Konsole alle Dateinamen anzuzeigen:

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);
     });
});

<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; });
            }

Sie können den Prototyp von erweitern File-Objekt (zum Beispiel File.prototype.toJSON), und Sie können auf die Dateiliste von zugreifen <input ..>:

<input id="myFile" type="file">

 var file = document.getElementById('fileItem').files[0];

Weitere Informationen finden Sie in dieser Dokumentation:

https://developer.mozilla.org/en-US/docs/Web/API/FileList#Using_the_file_list

Überprüfen Sie dieses einfache Beispiel:

File.prototype.toJSON = function() {
	return {
		'lastModified'     : this.lastModified,
		'lastModifiedDate' : this.lastModifiedDate,
		'name'             : this.name,
		'size'             : this.size,
		'type'             : this.type 
	};
}

function getFiles() {
    var files = document.getElementById('myFiles').files;
    document.getElementById('result').innerHTML = '<h1>result</h1>'
      + JSON.stringify(files);
}

<input id="myFiles" type="file" multiple onchange="getFiles()" />
<pre id='result'></pre>

Viel Glück!