众所周知<input type="file">标签可以实现文件的上传,但是只能选择一个文件

只要在<input>标签对加入multiple="multiplt",即<input type="file" multiple="multiplt>,即可实现多文件的选择

前面两步只实现了选择文件还没有实现提交,可以使用from标签对实现提交

整个文件上传模块的代码如下

<form action="/uploader" method="post" enctype="multipart/form-data">
    <input type="file" id="file" name="file" multiple="multiple"/>
    <button type="submit">提交</button>
</form>

其中form的属性详解:

action表示提交的地址

method表示提交用到的方法,属性值可为getpost

enctype表示对数据进行编码的方式,属性值multipart/form-data为不做编码处理

更多信息可参考W3school