如何选择多个文件<input type="file">
?
如何使用 <input type="file"> 选择多个文件?
IT技术
javascript
html
file-upload
2021-01-13 01:18:51
6个回答
新答案:
在 HTML5 中,您可以添加multiple
属性来选择 1 个以上的文件。
<input type="file" name="filefield" multiple="multiple">
旧答案:
您只能选择 1 个文件
<input type="file" />
。如果要发送多个文件,则必须使用多个输入标签或使用 Flash 或 Silverlight。
还有 HTML5 <input type="file[]" multiple />
(规范)。
浏览器在桌面上的支持非常好(只是不支持 IE 9 和之前的版本),在移动设备上不太好,我猜是因为根据平台和版本很难正确实现。
整个事情应该是这样的:
<form enctype='multipart/form-data' method='POST' action='submitFormTo.php'>
<input type='file' name='files[]' multiple />
<button type='submit'>Submit</button>
</form>
确保你enctype='multipart/form-data'
的<form>
标签中有该属性,否则提交后无法读取服务器端的文件!
这个 jQuery 插件 ( jQuery File Upload Demo ) 在没有 flash 的情况下以它使用的形式完成:
<input type='file' name='files[]' multiple />
你现在可以用 HTML5 来做
本质上,您在文件输入上使用了 multiple 属性。
<input type='file' multiple>