访问多个文件上传表单的文件名

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/