如何将一个或多个文件合二为一<input type="file" multiple />

Question

这让我很困惑，我想使用具有multiple属性的输入来获取一个或多个文件。

我创建了以下表格：

 <form method="get"> <input type="file" name="file" multiple /> <br /><br /> <input type="submit" /> </form>

当我选择一个文件并提交表单时，在 URL 的末尾和问号 (?) 之后会显示：

?file=fileName.jpg

我的问题是，如果用户选择了两个文件，它们必须在 URL 中同时显示。 如下所示：

?file=fileName.jpg&anotherFileName.jpg

我实际上可以拥有多个文件。 但无论我选择多少个文件，它都只显示一个。

这不是我要找的，它只显示选定的照片（ http://jsfiddle.net/0GiS0/Yvgc2/ ）。 但是我想提交表单中的所有文件，只使用一个<input type="file" />

Answer 1

input type="file" name="file" multiple="true"

Answer 2

<form method="get" enctype="multipart/form-data">
    <input type="file" name="file" multiple="" />
    <br /><br />
    <input type="submit" />
  </form>

Answer 3

<form action="/upload" enctype="multipart/form-data" method="post">
  <input type="file" name="file" multiple>
  <br /><br />
  <button>Submit</button>
</form>

使用 post 和 multipart 格式上传文件

Answer 4

你可能想看看这些类似的问题：

在名称属性后放置括号

<input id="image" type="file" name="images[]" multiple="multiple">

关联：

多文件上传器只发送一个文件

和

使用该元素的files 属性：

var elem = document.getElementById("id_upload");
var names = [];
for (var i = 0; i < elem.files.length; ++ i) {
   names.push(elem.files[i].name);
}

关联：

使用 javascript 从多文件上传控件中检索文件名