Uzyskiwanie dostępu do nazw plików formularza przesyłania wielu plików

Question

Chcę odczytać nazwy plików z mojego formularza do wielokrotnego przesyłania, jednak JavaScript jest tylko dodawaniem pierwszego elementu.

<input name="upload[]" id="upload" type="file" multiple="multiple"> 

$("#upload").change(function() { 
    $("#upload").each(function() { 
     $("#upload_prev").append(this.value); 
    }); 
}); 

Answer 1

Wiele pól przesyłania plików nie są jeszcze bardzo dobrze obsługiwane przez jQuery. Najlepszą opcją jest przywrócenie macierzystego javascript, aby uzyskać dostęp do kolekcji files. Spróbuj tego:

$("#upload").change(function() { 
    var files = $(this)[0].files; 
    for (var i = 0; i < files.length; i++) { 
     $("#upload_prev").append(files[i].name); 
    } 
}); 

Example fiddle

Także oto skrzypce z kilku problemów ze swoim przykładzie stałych, takich jak rozliczenia poprzednią listę plików podczas ponownej selekcji i dołączenie pliku na nowy line: http://jsfiddle.net/Vs5Hk/3/