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

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);
    }
});

示例小提琴

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