HTML输入多个标记

时间:2014-02-05 21:45:16

标签: html5 forms multifile-uploader

我正在构建一个简单的HTML表单。我希望能够添加多个文件以提交要上传的表单。我在网上阅读有关HTML5的所有内容都表示我能够使用HTML5输入多个标记执行此操作。当我在任何浏览器中尝试这个时,我得到一个文件类型的标准输入。当我检查DOM时,我发现它只有一个文件,其中包含Files [0]属性。这是我的表格。请让我知道我做错了什么。

以下是我上传文件表单的HTML:

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

另外。我已经在Chrome,Firefox,IE 11中尝试了这一点。即使参加W3school.com演示,它们似乎也无法用于多个文件。

3 个答案:

答案 0 :(得分:0)

这是一个错字吗?在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

答案 1 :(得分:0)


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

在upload.php中分析数组$ _FILES的结构;)

好像!

答案 2 :(得分:0)

files[0]会显示所选的第一个文件。 files为您提供了所选文件的集合,files.length为您提供了所选文件的数量。因此,如果您console.log(fileinput.files)选择了多个文件,则会看到记录多个文件。