javascript - 使用输入类型文件(多个)获取选择的文件并将它们存储在数组中

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);
    }
}