能清空，但需满足三个硬性条件：input必须在form内、有name属性、不能在submit事件中调用reset()后preventDefault()；且form.reset()仅清空DOM状态，不释放URL.createObjectURL()内存，须手动revoke。
input 元素本身不支持“上传文件夹”——浏览器只允许通过 webkitdirectory 或 directory 属性（非标准但广泛支持）让 input[type="file"] 选择整个文件夹，但它仍是单个 input 控件，清空逻辑和普通 file input 完全一致，不存在额外的“文件夹级清空”API。
form.reset() 能不能清空带 webkitdirectory 的文件输入？
不能直接依赖，除非满足全部三个硬性条件：
-
input必须在内（哪怕嵌套多层也行） -
input必须有name属性，例如 - 不能在
submit事件中调用reset()后再preventDefault()（Safari 会提前销毁files引用）
即使满足，form.reset() 只清空 DOM 状态（value 和 files），不会自动清理你用 URL.createObjectURL() 生成的预览 URL，必须手动 URL.revokeObjectURL()，否则内存泄漏。
手动清空 input[type="file"][webkitdirectory] 的可靠写法
input.value = "" 是假清空：它只改字符串值，input.files.length 仍 > 0，且下次点击仍可能显示旧路径。真正清空需重建或重置：
推荐方式（兼容所有浏览器）：
input.type = "file"
这会强制浏览器销毁并重建该控件，同步清空files、value，且不丢失事件监听（因为是原地替换 DOM 节点）次选方式（轻量但丢事件）：
input.outerHTML = input.outerHTML
更快，但所有 JS 绑定的事件监听器都会丢失，需重新绑定-
若你在拖拽区域里自己存了
FileList（比如监听了drop事件），那清空动作其实是：- 清空你的缓存变量（如
cachedFiles = null） - 调用上述任一 DOM 清空方式
- 隐藏预览区、清空文件名文本（如
document.getElementById("folder-name").textContent = ""） - 对每个已创建的
URL.createObjectURL()调用URL.revokeObjectURL()
- 清空你的缓存变量（如
移动端 + 文件夹选择后的焦点残留问题
iOS 和部分 Android WebView 中，用户先点 input 唤出文件选择器（软键盘不会弹，但系统选择界面有类似交互态），之后拖拽或选择文件夹，再清空时若不主动 focus()，界面可能卡住——表现为“看起来清空了，但再次点击无响应”。
解决方法很简单：
- 清空后立即执行
input.focus() - 不要用
input.click()触发选择器（Android WebView 会报click() is not allowed without user activation）
真正容易被忽略的点就两个：
一是 URL.createObjectURL() 必须配对 revoke，否则多个文件夹反复选，内存涨得飞快；
二是 input.type = "file" 是目前唯一能跨浏览器、不丢事件、100% 清空 files 的方式——别信 value = ""，它只是幻觉。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
