使用html中的<input>标签上传多个文件(转)

Posted 2020-07-03 我就不吃芹菜

如何使用html上传多个文件呢？我搜索中文怎么也找不到合适的，都是用js动态添加input，然后提交，不能满足我想要的——打开选择文件的窗口后可以一次性选择多个文件。

然后我尝试搜索英文"html input file multiple"，终于在stackoverflow找到一个文章：http://stackoverflow.com/questions/1175347/how-can-i-select-and-upload-multiple-files-with-html-and-php-using-http-post/8808915#8808915  ，这样就可以了。

不过有一个问题，只支持IE10+，连IE9都不支持，o(︶︿︶)o 

其实方法很简单<input type="file" name="upload">这样只能选择一个文件，<input type="file" multiple name="upload">这样就可以选择多个文件了，怎么样，很方便吧。如果不考虑IE的话，可以使用这个方法。关于js自行生成多个input的就算了吧，懒得看，懒的写，能简单就简单吧。

对了，还有一个重要的问题，<input type="file" multiple>选择多个文件以后，如何用jquery获取选中的文件的标题等属性呢？jquery好像并没有这样一个方法，但是原生js有，可以这样写：

document.getElementById("file").files[1].name  

其中document.getElementById("file").files 会获取一个数组，数组中的元素拥有的属性有 lastModifiedDate， name， size， type， webkitRelativePath。