reset() 会清空 file input，这是浏览器强制行为；调用 form.reset() 或 type="reset" 按钮时，所有 的 files 属性被置为空列表，且无法绕过——html 规范明确要求的安全限制。
reset() 会清空 file input，这是浏览器强制行为
调用 form.reset() 或点击 type="reset" 按钮时，所有 <input type="file"> 元素的 files 属性会被置为空列表（FileList.length === 0），且无法通过任何 JavaScript 方式绕过 —— 这是 HTML 规范明确要求的安全限制。哪怕你之前用 URL.createObjectURL() 预览过文件，重置后预览 URL 也会失效。
想“保留上传文件”，实际只能保留文件引用或元数据
真正的二进制文件内容不会（也不应）被 JS 读取并缓存在内存中；但你可以主动保存用户选择的文件信息，在重置后手动恢复预览或状态标记：
- 监听
input事件，在用户选中文件后立即存下input.files[0].name、input.files[0].size和生成的URL.createObjectURL(file)（注意：该 URL 必须在重置前保存，否则重置后原files丢失，URL 就变成无效引用） - 重置表单前，先遍历所有
input[type="file"]，把当前files和预览 URL 缓存到变量或sessionStorage - 重置后，用缓存的 URL 赋值给
<img>或<video></video>的src，同时在 UI 上显示文件名和“已选择”状态（但不能恢复input.files自身） - 如果后续要提交，需在表单提交前，把缓存的
File对象重新 append 到FormData中 —— 因为input.files已为空，不能再从中读取
避免 reset() 的替代方案更可控
如果你的核心诉求是“清空其他字段，但不碰文件输入”，直接调用 reset() 是错的方向。应该手动重置非 file 字段：
- 用
querySelectorAll('input:not([type="file"]), textarea, select')获取所有可重置字段 - 对每个字段按类型赋默认值：
input.value = ''、textarea.value = ''、select.selectedIndex = 0、checkbox.checked = checkbox.defaultChecked - 跳过所有
input[type="file"]，它们的files和预览保持不变 - 若需还原初始文件名提示（如 “未选择文件”），可提前用
data-initial-placeholder存储，并在手动重置时恢复该文案
框架里要注意 resetFields() 是否清空 file input
像 Ant Design 的 form.resetFields(['avatar']) 看似精准，但如果字段是受控的 Upload 组件，它通常只清空组件内部 state，不触碰原生 input[type="file"]；但如果是直接绑定原生 file input 的表单，某些封装逻辑仍可能调用 input.value = '' —— 这会导致预览 URL 失效。务必检查框架文档或源码中该方法对 file 类型字段的实际处理逻辑，不要默认它“安全”。
真正难的不是技术实现，而是接受这个事实：浏览器不允许脚本恢复已选文件。所谓“保留”，本质是保留用户意图和视觉反馈，而不是恢复可提交的二进制句柄 —— 这个边界一旦混淆，就会反复踩坑。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
