使用输入类型文件(多个)获取所选文件并将其存储在数组中

Question

在我的HTML中,我选择了多个文件.

<input type="file" id="img" multiple>

我想将每个元素存储在一个数组中,以便我可以打印文件源.

我在我的javascript中完成了这个但是它不起作用.

function loadfiles()
{
var x=document.getElementById("img");
for (var i=0;i<x.length;i++)
{
  document.write(x.elements[i].src);
}
}

Answer 1

该属性为files您提供文件输入选择的所有文件的数组.因此,应将loadfiles函数修改为以下内容:

function loadfiles()
{
    var imageFiles = document.getElementById("img"),
    filesLength = imageFiles.files.length;
    for (var i = 0; i < filesLength; i++) {
      document.write(imageFiles.files[i].name);
    }
}