html中有一个对于文件选择器的支持控件——file输入项。
我们可以通过以下代码创建一个文件选择器,方便的通过浏览器选择本地文件:
<input type="file" />
效果图如下:
但是,这种文件选择器的一个缺点就是一次只能选择一个文件,这对于需要一次性上传多个文件甚至数目不确定的文件无能为力,但是file输入项有一个属性可以将单文件选择器变为多文件选择器:multiple
只要在file的输入项中添加此属性(无需赋值),即可使用多文件选择器,一次性选择多个文件。
例如:<input type="file" multiple />
效果图如下: