从输入类型文件javascript获取多个值

Question

我想问一下使用javascript启用多重输入后如何从输入类型文件中获取和显示文件标题。

<input id="myInput" type="file" multiple/>
<label id="inpFiles"></label>

我尝试使用document.getElementById（“ myInput”）。value，但它仅返回第一个文件。

Answer 1

您必须访问其文件数组
示例：

document.getElementById("myInput").files[0].name
document.getElementById("myInput").files[1].name

Answer 2

以下内容绑定到change事件，然后将附加到输入的每个文件的名称打印到控制台。

$('#myInput').on('change', function(e) {
  Array.prototype.forEach.call(e.target.files, function(file) {
    console.log(file.name);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input id="myInput" type="file" multiple/>