使用html中的<input>标签上传多个文件(转)
2016-04-02 19:56
477 查看
如何使用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 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基本标签使用
- MVC |表单提交 Html.BeginForm
- HTML的命名规则
- HTMl中的块标签和内嵌标签(内联标签)
- HTML特殊符号显示技巧
- 关于<lable></lable>标签的理解
- HTML学习笔记(十)框架
- html自定义复选框
- HTML设置超链接字体颜色和点击后的字体颜色
- HTML格式化
- html中设置锚点定位的几种常见方法(#号定位)
- HTML学习笔记(十一)内联框架
- Html.BeginForm 与Section、Partial View 和 Child Action
- HTML基础学习笔记
- 用Html写一个简单的登陆界面
- VS2013默认打开html文件没有设计视图的解决办法
- Chapter 13:Understanding HTML&Assignment(2)
- HTML —— 多种空格转义字符
- HTML学习笔记(九)表单
- CSDN博客中嵌入背景音乐