JQuery - 获取input ='file'中的所有文件名

Question

我有<input type="file" id="basicUploadFile" multiple="multiple">,我想在这个输入中获取所有文件名.我见过一些例子,但它只获得了第一个文件的名称.

$ ('#basicUploadFile').live ('change', function () {
    alert($ ('#basicUploadFile').val());
});

我怎样才能做到这一点？谢谢.

Answer 1

var files = $('#basicUploadFile').prop("files")

files 将是一个FileList对象.

var names = $.map(files, function(val) { return val.name; });

现在names是一个字符串数组(文件名)

FileAPI引用
文件属性引用

Answer 2

jsFiddle演示

您仍然可以将文件作为FileList集合访问,而无需过度使用jQuery.我已经创建了一个快速的jsFiddle,演示了如何使用FileList和File对象从输入中获取信息.这是一个片段:

$('#basicUploadFile').live('change', function ()
{
    for (var i = 0; i < this.files.length; i++)
    {
        alert(this.files[i].name);
        alert(this.files.item(i).name); // alternatively
    }
});