複数ファイルアップロードフォームのファイル名へのアクセス

Question

私のマルチアップロードフォームのファイル名を読みたいのですが、Javascriptは最初の項目だけを追加するだけです。

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

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

Answer 1

複数のファイルアップロードフィールドは、まだ非常によく、jQueryをサポートしていません。あなたの最良の選択肢は、filesコレクションにアクセスするためにネイティブのjavascriptに戻すことです。このお試しください：また

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

Example fiddle

を、ここに固定あなたの例の問題のカップルとフィドルは、このような時に再選択ファイルの前のリストをクリアし、新しい上のファイル名を付加して、です行：http://jsfiddle.net/Vs5Hk/3/