Zip*_*pyV 104

新答案:

在HTML5中,您可以添加multiple属性以选择多个文件.

<input type="file" name="filefield" multiple="multiple">
Run Code Online (Sandbox Code Playgroud)

老答案:

您每个只能选择1个文件<input type="file" />.如果要发送多个文件,则必须使用多个输入标记或使用Flash或Silverlight.

  • 不是自HTML5以来.输入字段有多个属性. (18认同)
  • Gmail使用Flash执行此操作 (7认同)
  • 如果这是表单被提交到 php 表单,名称应该是 `name="filefield[]"` 以便它返回一个数组 (7认同)
  • 这个答案比恐龙更古老 (5认同)
  • @Costa 2009年10月20日,大多数浏览器都不支持该功能,而Niavlys在2年前就已经展示了html5解决方案. (2认同)
  • 这个倍数"多个"不是用户友好的,avarage用户不理解它,甚至不知道"ctrl按钮"是做什么的,它也不能选择不同文件夹中的文件. (2认同)

Nia*_*lys 78

还有HTML5 <input type="file" multiple />(规范).

浏览器支持在桌面上非常好(只是IE 9及之前不支持),在移动设备上不太好,我想因为根据平台和版本而难以正确实现.

  • IE9和之前不支持:( (9认同)
  • 考虑添加`name ="files []"` (7认同)
  • 我在任何标准中都找不到 `type="file[]"` ,并且应该导致兼容的浏览器将其解释为 `type="text"`。只需“多个”就足够了。 (2认同)

mar*_*man 19

整个事情应该是这样的:

<form enctype='multipart/form-data' method='POST' action='submitFormTo.php'> 
    <input type='file' name='files[]' multiple />
    <button type='submit'>Submit</button>
</form>
Run Code Online (Sandbox Code Playgroud)

确保您enctype='multipart/form-data'<form>标记中包含该属性,或者在提交后无法读取服务器端的文件!


小智 14

这个jQuery插件(jQuery文件上传演示)在没有flash的情况下使用它所使用的形式:

<input type='file' name='files[]' multiple />
Run Code Online (Sandbox Code Playgroud)


Cos*_*sta 8

您现在可以使用HTML5执行此操作

实质上,您在文件输入上使用multiple属性.

<input type='file' multiple>
Run Code Online (Sandbox Code Playgroud)