如何將一個或多個文件合二為一<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 從多文件上傳控件中檢索文件名