HTML 上传文件允许选择文件夹功能

html 选择文件,再上传功能大家都知道直接使用 input:file 即可,但有时候会有需求需要选择 文件夹 上传。

该功能不常用,但部分浏览器支持,使用方式如下:

普通选择文件

1
<input type="file"/>

示例:

选择文件夹

1
2
3
<input type="file" webkitdirectory/>
<!-- 最好再添加一个标准属性 directory ,防止某一天该属性被纳入w3c标准 -->
<input type="file" webkitdirectory directory/>

示例:

浏览器兼容性

caniuse兼容列表如下:

本文由 linx(544819896@qq.com) 创作,采用 CC BY 4.0 CN协议 进行许可。 可自由转载、引用,但需署名作者且注明文章出处。本文链接为: https://blog.jijian.link/2020-01-08/html-upload-folder/

如果您觉得文章不错,可以请我喝一杯咖啡!