手机浏览器不支持上传文件夹，webkitdirectory属性在所有现代移动端浏览器中均被禁用，仅能通过multiple多选文件并手动添加路径前缀模拟目录结构。
手机浏览器不支持上传文件夹，input type="file" 无法触发目录选择
HTML 标准里没有“上传文件夹”的合法方式。所有现代手机浏览器（包括 Chrome、Safari、Firefox for iOS/Android）都**禁用** webkitdirectory 属性，即使你写 ，它在移动端也完全无效——点击后只弹出单文件选择器，或直接忽略该属性。
webkitdirectory 在移动端是摆设，别白费劲写它
这个属性本就只是 WebKit 内核的实验性扩展，桌面 Safari 和旧版 Chrome 曾短暂支持，但 Android WebView 和 iOS WKWebView 从一开始就没实现它。2026 年实测：Chrome for Android 128、Safari on iOS 17.7、Edge Mobile 全部无视 webkitdirectory，控制台无报错，行为静默降级为普通单文件选择。
- 别试图用 CSS 隐藏 input 再 JS 触发 click —— 移动端浏览器会拒绝非用户直接手势触发的文件选择器
- 别指望通过
filesAPI 读取子路径 ——event.target.files返回的FileList在移动端永远只含顶层选中的文件，不含任何目录结构信息 - 所谓“iOS 支持文件夹上传”是过时谣言，源自 2018 年 Safari 技术预览版的短暂演示，从未进入正式版
真要传多文件，只能靠用户手动多选 + 后端拼路径模拟“文件夹”
可行底线方案是：放弃“一次选整个文件夹”，改用 multiple 让用户勾选多个文件，并在前端给每个 File 对象打上逻辑路径前缀（比如用户选了 img/a.jpg 和 css/main.css，你手动塞进 fd.append("files", file, "src/img/a.jpg")），后端按约定解析路径并重建目录结构。
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
- 必须用
，不能加webkitdirectory - 上传时用
FormData.append()的三参数形式：第三个参数指定带路径的文件名，如fd.append("file", file, "project/js/app.js") - 后端需主动解析
filename字段里的斜杠，不能依赖原始文件系统路径（移动端根本没提供） - 注意 iOS Safari 对
multiple的支持较晚 —— iOS 16.4+ 才稳定支持多选，低于此版本会退化为单选
真正需要文件夹级操作？换原生 App 或 PWA + 文件系统 API
如果你的场景强依赖目录遍历（比如代码编辑器、静态站点生成器），纯 HTML + 浏览器方案已到极限。2026 年唯一可靠路径是：
- 开发 PWA 并申请
file-system-access权限（仅 Chromium for Android 支持，iOS 完全不支持） - 用 Capacitor / Cordova 封装成原生 App，调用
cordova-plugin-file读取沙盒目录 - 引导用户使用支持文件夹拖拽的桌面端，手机端只做预览和轻量交互
别在 input 上死磕“文件夹”——这不是兼容性问题，是平台能力边界。移动端的文件系统访问权，浏览器刻意没给。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
