如何使用jquery获取html 5多文件上传变量的值?

时间:2012-12-26 02:55:51

标签: javascript jquery multifile-uploader

即使我使用html以下选择多个文件。

<input type="file" id="multiplefiles" name="uploadedfile[]" multiple>

我只获得所选第一个文件的值。我正在使用一个简单的:

var filelist = $("#multiplefiles").val() || [];
$.each(filelist, function(i, myfile) {
  console.log('found file '+i+' ='+myfile);
});

请告知我如何获得所有文件的列表......

例如输入字段中的选定字符串是: C:\ Users \ Public \ Pictures \ Sample Pictures \ Hydrangeas.jpg,C:\ Users \ Public \ Pictures \ Sample Pictures \ Chrysanthemum.jpg,C:\ Users \ Public \ Pictures \ Sample Pictures \ upload-2.txt < / p>

从上面的逻辑我只得到:跟在日志中:

found file 0 =Hydrangeas.jpg

TY。 拉杰夫

1 个答案:

答案 0 :(得分:8)

这应该可以解决问题:

var filelist = document.getElementById("multiplefiles").files || [];
for (var i = 0; i < filelist.length; i++) {
    console.log('found file ' + i + ' = ' + filelist[i].name);
}

工作的jsFiddle是here