file input 无法通过 value = "" 清空，因 value 属性只读且受安全限制；有效重置方式仅有 outerhtml 重写、type 切换或克隆替换，其中 outerhtml 最常用可靠。
file input 无法用 value = "" 清空
直接给 <input type="file"> 元素设 element.value = "" 在大多数浏览器中完全无效——它不会清空已选文件，也不会触发任何变化。这是 DOM 规范限制：file input 的 value 是只读属性（即使你赋值，读回来还是原值），且浏览器出于安全考虑禁止 JS 模拟用户选择文件或“取消”已有选择。
真正有效的重置方式只有两种
必须用能触发 DOM 重建或强制状态刷新的操作：
-
element.outerHTML = element.outerHTML：最常用，靠重写自身 HTML 字符串重建元素，丢失所有事件监听和临时属性，但能彻底清空选中状态 -
element.type = "text"; element.type = "file"：部分浏览器支持，通过类型切换强制重置，但行为不一致（Chrome 支持，Firefox 可能不生效） - 克隆替换：
const clone = element.cloneNode(true); element.parentNode.replaceChild(clone, element)，保留 name 和 attributes，但同样丢失绑定事件
注意：form.reset() 对 file input 有效，但它只恢复到页面加载时的初始状态（即没选文件），前提是该 input 加载时确实没设 value 或其他默认值——而实际上 HTML 中 <input type="file"> 根本不允许写 value 属性，所以 reset() 表现通常就是清空，但不可靠，因为某些旧版 Safari 会保留。
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
与表单其他字段重置逻辑不兼容
你在统一处理表单重置时，如果用 querySelectorAll('input, select, textarea') 遍历并设 value 或 checked，file input 会被漏掉或静默失败。必须单独识别并特殊处理：
- 判断：
el.type === 'file' - 不能走通用
el.value = ''分支 - 推荐在重置函数末尾加一个专门的 file input 处理块，用
outerHTML方式统一兜底
另外，FormData 对象里 file input 的数据在重置后不会自动消失——它只反映提交瞬间的状态，不参与重置校验，别拿它来判断是否清空成功。
富文本、日期等控件也存在类似陷阱
虽然问题聚焦 file input，但顺带提一句：<input type="date">、<input type="time">、contenteditable 区域，甚至第三方富文本编辑器（如 TinyMCE、Quill）封装的输入框，都不响应原生 reset() 或简单赋值。它们都需要各自 API 提供的清空方法（比如 editor.setContent('')）或 DOM 替换策略。file input 只是这类“不可驯服控件”中最典型的一个。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
