<input type="file">如何选择多个文件？
【问题讨论】：
标签： javascript html file-upload
新答案：
在 HTML5 中，您可以添加 multiple 属性来选择多个文件。
<input type="file" name="filefield" multiple="multiple">
旧答案：
每个
<input type="file" />只能选择 1 个文件。如果你想 发送多个文件，您将不得不使用多个输入标签或使用 Flash 或 Silverlight。
【讨论】：
还有 HTML5 <input type="file" multiple name="files[]" /> (specification)。
浏览器支持在桌面上非常好（只是不支持 IE 9 和更早版本），在移动设备上不太好，我猜是因为根据平台和版本更难正确实现。
【讨论】：
name="files[]"
type="file[]" 不是我在任何标准中都可以找到的，应该导致兼容的浏览器将其解释为type="text"。只需multiple 就足够了。
type="file[]" 与name="file[]" 混淆了。
这个 jQuery 插件 (jQuery File Upload Demo) 不使用 flash，它使用的形式是：
<input type='file' name='files[]' multiple />
【讨论】：
整个事情应该是这样的：
<form enctype='multipart/form-data' method='POST' action='submitFormTo.php'>
<input type='file' name='files[]' multiple />
<button type='submit'>Submit</button>
</form>
确保你的<form>标签中有enctype='multipart/form-data'属性，否则提交后无法读取服务器端的文件！
【讨论】：
您现在可以使用 HTML5 来实现
本质上，您在文件输入上使用了 multiple 属性。
<input type='file' multiple>
【讨论】：
.name 属性，因此您示例中的标题始终为 undefined: jsfiddle.net/m5jeyeyt/1
HTML5 为 type 属性为 file 的 input 元素提供了新的属性 multiple。 所以可以选择多个文件，IE9及以前的版本不支持这个。
注意：请注意输入元素的名称。 当你想上传多个文件时，你应该使用数组而不是字符串作为 名称属性。
例如：input type="file" name="myPhotos[]" multiple="multiple"
如果您使用的是 php，那么您将在 $_FILES 和 使用 var_dump($_FILES) 并查看输出并进行处理 现在您可以迭代并完成剩下的工作
【讨论】：
<form action="" method="post" enctype="multipart/form-data">
<input type="file" multiple name="img[]"/>
<input type="submit">
</form>
<?php
print_r($_FILES['img']['name']);
?>
【讨论】：
复制并粘贴到您的 html 中：
<input type="file" id="files" name="files[]" multiple />
<output id="list"></output>
<script>
function handleFileSelect(evt) {
var files = evt.target.files; // FileList object
// files is a FileList of File objects. List some properties.
var output = [];
for (var i = 0, f; f = files[i]; i++) {
output.push('<li><strong>', escape(f.name), '</strong> (', f.type || 'n/a', ') - ',
f.size, ' bytes, last modified: ',
f.lastModifiedDate ? f.lastModifiedDate.toLocaleDateString() : 'n/a',
'</li>');
}
document.getElementById('list').innerHTML = '<ul>' + output.join('') + '</ul>';
}
这是通过我从这个网页上告诉你的：http://www.html5rocks.com/en/tutorials/file/dndfiles/
【讨论】：
这很容易......
<input type='file' multiple>
$('#file').on('change',function(){
_readFileDataUrl(this,function(err,files){
if(err){return}
console.log(files)//contains base64 encoded string array holding the
image data
});
});
var _readFileDataUrl=function(input,callback){
var len=input.files.length,_files=[],res=[];
var readFile=function(filePos){
if(!filePos){
callback(false,res);
}else{
var reader=new FileReader();
reader.onload=function(e){
res.push(e.target.result);
readFile(_files.shift());
};
reader.readAsDataURL(filePos);
}
};
for(var x=0;x<len;x++){
_files.push(input.files[x]);
}
readFile(_files.shift());
};
【讨论】：
HTML5 为 type 属性为 file 的 input 元素提供了新的属性 multiple。所以可以选择多个文件，IE9及以前的版本不支持这个。
注意：请注意输入元素的名称。当你想上传多个文件时，你应该使用数组而不是字符串作为名称属性的值。
例如：
input type="file" name="myPhotos[]" multiple="multiple"
如果您使用的是 php，那么您将在 $_FILES 中获取数据并使用 var_dump($_FILES) 并查看输出并进行处理 现在您可以迭代并完成其余的工作
【讨论】：