如何设置input实现同时选中多个文件并同时上传

#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