如何使用jQuery获得HTML 5的多文件上传变量的值?(how to get value of

2019-08-04 16:21发布

即使我选择使用下面的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:\用户\公共\图片\样品图片\ Hydrangeas.jpg,C:\用户\公共\图片\样品图片\ Chrysanthemum.jpg,C:\用户\公用\图片\样品图片\上传,2.txt

从上面的逻辑,我只得到:以下日志:

found file 0 =Hydrangeas.jpg

TY。 拉杰夫

Answer 1:

这应该做的伎俩:

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

一个工作的jsfiddle是在这里 。



文章来源: how to get value of html 5 multiple file upload variable using jquery?