jQuery-获取input =' file'内的所有文件名 [英] JQuery - get all fileNames inside input='file'

问题描述

我有<input type="file" id="basicUploadFile" multiple="multiple">，我想在此输入中获取所有文件名.我已经看到了一些示例，但是它仅获取第一个文件的名称.

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

我该怎么做?谢谢.

解决方案

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

files将是FileList对象.

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

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

FileAPI参考
文件属性参考

I have <input type="file" id="basicUploadFile" multiple="multiple"> and I want to get all file names inside this input. I've seen some example, but it gets only name of first file.

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

How can I do this? Thanks.

解决方案

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

files will be a FileList object.

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

Now names is an array of strings (file names)

FileAPI reference
files property reference

这篇关于jQuery-获取input =' file'内的所有文件名的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！