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

Posted 我就不吃芹菜

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用html中的<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。

以上是关于使用html中的<input>标签上传多个文件(转)的主要内容,如果未能解决你的问题,请参考以下文章

选择本地文件上传控件 input标签

H5 使用input标签上传图片给后台

js上传图片

html 中上传文件标签 <input type="file">,它是由文本框与按钮组成的,

html input标签 file类型,上传的具体是啥东西

上传文件 隐藏input type="file",用其它标签实现