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

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

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

普通选择文件

<input type="file"/>

示例：

选择文件夹

<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/

如果您觉得文章不错，可以点击文章中的广告支持一下！