访问多文件上载表单的文件名

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

此外，这里还修复了一些问题，例如在重新选择并在新行上附加文件名时清除以前的文件列表：http://jsfiddle.net/Vs5Hk/3/