#1.表单上传文件的步骤:
##- 1)设置enctype
默认为:enctype="application/x-www-form-urlencoded"(一般不设置)
若要表单中有需要上传文件的表单项时,则必须设置enctype:enctype="multipart/form-data"
1
2
3
##- 2)设置method:提交方式
默认:get
需要上传文件时,必须设置为post
1
2
因为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>
运行结果
此时我们可以看到一次可以选择多个文件,进行上传。
界面如上,能够方便完成上传操作。
DEMO下载地址:https://dwz.cn/fgXtRtnu