HTML无法上传空文件夹，因webkitdirectory仅返回含文件的扁平化FileList，空文件夹无文件对象故不触发change事件、不提交任何数据；需通过额外字段或占位文件等变通方式实现语义约定。

HTML 无法上传空文件夹

浏览器原生不支持上传空文件夹—— 只在用户实际选中一个**包含至少一个文件**的文件夹时才触发，且返回的是扁平化的 FileList，不含任何目录结构信息。空文件夹没有可序列化的文件对象，因此根本不会出现在 input.files 中。

为什么 webkitdirectory 看似“能选文件夹”，实则不行

这个属性只是让文件选择器允许用户点开并进入文件夹层级，但最终提交的仍是其中所有**非目录项**（即文件）。浏览器不会把“空目录”当作一个可传输实体：

• Chrome/Safari 支持 webkitdirectory，Firefox 支持 directory，但两者都要求文件夹内有文件才能成功触发 change 事件
• 即使用户手动创建了一个空文件夹并“选中它”，input.files.length 仍为 0，前端无从感知其存在
• 后端更不可能收到任何对应字段——HTTP 协议本身不定义“空目录”作为 multipart part

如果业务真需要“表示一个空目录”，只能靠变通

没有标准方案，但可协商一种语义约定：

DeepBI DHTML 页面生成器

生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur

下载

• 前端额外发送一个文本字段，如 formData.append("empty_dirs", JSON.stringify(["uploads/logs"]))，由后端按约定创建对应路径
• 上传一个占位文件（如 .keep），再由后端自动清理或忽略该文件，仅保留目录结构
• 改用 WebDAV、SFTP 或专用 API（如 RESTful 目录管理接口），而非 HTML 表单上传

注意：所有这些都需要前后端明确约定，且不能依赖 input[type="file"] 原生行为。真正的空目录上传，在纯 HTML + HTTP 场景下，就是不可行的。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！