来源：自学PHP网 时间：2015-04-14 14:51 作者： 阅读:次
[导读] 如何使用html上传多个文件呢？我搜索中文怎么也找不到合适的，都是用js动态添加input，然后提交，不能满足我想要的打开选择文件的窗口后可以一次性选择多个文件。然后我尝试搜索英...
|
如何使用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。
这样就ok了。
当然上文也可以使用jquery，修改成
$("#file")[0].files[1].name
ok,这样就可以上传多个文件了，上传以后如何用java获取，这个还没研究，以后会再说。
|
自学PHP网专注网站建设学习,PHP程序学习,平面设计学习，以及操作系统学习
京ICP备14009008号-1@版权所有www.zixuephp.com
网站声明：本站所有视频，教程都由网友上传，站长收集和分享给大家学习使用，如由牵扯版权问题请联系站长邮箱904561283@qq.com
