HTML輸入多個標記

我有一個簡單的HTML表單，我正在構建。我希望能夠添加多個文件提交與表單上傳。我在網上閱讀的關於HTML5的所有內容都表示，我可以使用HTML5 Input Multiple標記完成此操作。當我在任何瀏覽器中試用此功能時，我都會得到帶有一種文件類型的標準輸入。當我檢查DOM時，我發現它的Files [0]屬性中只有一個文件。這是我的表格。請讓我知道我做錯了什麼。HTML輸入多個標記

這裏是我的形式上傳文件的HTML：

<form method="post" action=upload.php" enctype="multipart/form-data"> 
     <input type="file" id="basicUploadFile" multiple > 
</form>

也。我曾在Chrome，Firefox，IE 11中嘗試過這種方法。即使轉到W3school.com演示，其中的任何一個都不適用於多個文件。

來源

2014-02-05 user2997301

files[0]將顯示您所選擇的第一個文件。 files爲您提供了所選文件的集合，files.length爲您提供了所選文件的數量。所以一旦你選擇了多個文件，如果你console.log(fileinput.files)你會看到多個文件記錄。

來源

2014-02-05 22:30:31 Musa

謝謝。我對DOM中的Files對象的結構有點困惑。這幫了大忙！ – user2997301

當我嘗試使用jquery選擇器來選擇元素時，它似乎沒有找到.files示例; $（「＃basicUploadFile）.files返回undefined。 – user2997301

@ user2997301'$（」＃basicUploadFile「）'是一個jQuery對象，文件屬性是DOM元素。爲了揭露從jQuery對象的DOM元素，你可以做'$ （「#basicUploadFile」）。get（0）'或'$（「＃basicUploadFile」）[0]'所以獲取文件做'$（「＃basicUploadFile」）[0] .files'或'$（「＃ basicUploadFile 「）。得到（0）.files'甚至'$（」＃basicUploadFile「）。支撐（ '文件'）'。 – Musa

那是一個錯字？有一個「的upload.php的前失蹤

你的表單標籤看起來是正確的

http://en.wikipedia.org/wiki/File_select#Multiple_file_selection

[編輯] 如果你指的是W3Schools的網站，這對我的作品在Chrome和IE http://www.w3schools.com/tags/att_input_multiple.asp

TryIt網站：

http://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_input_multiple

來源

2014-02-05 21:52:21

是的，抓到型afteer我張貼的問題。感謝您的幫助。 – user2997301

 

<form method="post" action="upload.php" enctype="multipart/form-data"> 
<input type="file" id="UploadedFiles" name="UploadedFiles[]" multiple> 
<input type="submit" value="SendFile"> 
</form>

在數組$ _FILES的upload.php的analize結構）

好樣的！

來源

2014-02-05 22:09:23

HTML輸入多個標記

回答

相關問題