如何设置input实现同时选中多个文件并同时上传
2017-06-12 19:57
525 查看
1.表单上传文件的步骤:
- 1)设置enctype
默认为:enctype="application/x-www-form-urlencoded"(一般不设置) 若要表单中有需要上传文件的表单项时,则必须设置enctype:enctype="multipart/form-data"
- 2)设置method:提交方式
默认:get 需要上传文件时,必须设置为post
因为get方式携带的信息量太小,而且传输的数据都会显示在地址栏,对于图片等文件无法处理
2.上传文件
一次只能选择一个文件上传
伪代码<form action="UploadOneServlet" method="post" name="f_upload" enctype="multipart/form-data"> <input type="text" name="username" /><br> <input type="file" name="filename" /><br> <input type="submit" value="上传" /> </form>
运行结果
此时我们可以看到一次只能选择一个文件,进行上传。
一次能同时选中多个文件同时上传
很多时候我们需要同时选择多个文件实现多个文件的上传,那么只选择一个文件的情况就不适用,如何设置呢?在input中设置属性multiple即可 - - multiple=”multiple”
伪代码
<form action="UploadOneServlet" method="post" name="f_upload" enctype="multipart/form-data"> <input type="text" name="username" /><br> <input type="file" name="filename" multiple="multiple" /><br> <input type="submit" value="上传" /> </form>
运行结果
此时我们可以看到一次可以选择多个文件,进行上传。
相关文章推荐
- 如何点击a标签实现弹出input file上传文件对话框
- jQuery.Form实现Ajax上传文件同时设置headers的方法
- 如何让file input能够实现置空和【异步】上传后相同文件的再次选择触发change
- 同时实现文件上传input type =file和文本input type=text
- spring mvc 选中多文件同时上传(利用input元素的multiple属性)
- 如何设置上传文件控件 input type="file" 的 默认值
- 选中多文件同时上传(利用input元素的multiple属性)
- struts如何实现上传文件的重命名????
- 如何设置用ASP.NET上传大文件问题
- 如何用Struts实现动态(不定数量)多个文件上传
- 实现用File控件同时上传多个文件
- 如何在Web页上实现文件上传
- webconfig文件中设置上传文件的大小实现方法
- 如何用seam实现文件上传
- 如何用seam实现文件上传
- 多文件同时上传实现方法
- jsf实现同时上传不定数量的文件
- 研究了三天的文件上传(jspsmart实现)file和text表单同时提交的问题
- 如何在Web页上实现文件上传
- 如何实现文件的上传