訪問多個文件上傳表單的文件名

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的支持。你最好的選擇是恢復到原生的JavaScript訪問files集合。試試這個：

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

Example fiddle

而且，這裏的一對夫婦與您的例子中，已修復的問題，如重新選擇時，清除文件的以前的列表，並附加文件名上一個新的提琴line：http://jsfiddle.net/Vs5Hk/3/