直接设 value = '' 是最简有效方式清空 file input，会同步清空 files 并触发 change 事件；files 是只读 filelist，无法直接修改；需注意 ui 更新、事件重复触发及服务端空数组校验。
直接设 value = '' 是最简有效方式
清空 <input type="file" multiple> 已选文件，不需要重写 DOM 或操作表单 reset——只要给 input 的 value 属性赋空字符串，浏览器就会自动清空 files 列表，并触发一次 change 事件（如果之前有选中）。
这是标准行为，所有现代浏览器（Chrome 20+、Firefox 3.6+、Safari 6.1+、Edge）都支持。注意：value 是只读属性，但赋值空字符串是唯一被允许的写入操作。
-
fileInput.value = ''后，fileInput.files.length立即变为0 - 不会影响同表单内其他字段（如 text、select），比
form.reset()更精准 - 无需创建临时 input 或调用
outerHTML替换——后者会丢失事件监听器和 data 属性
为什么不能用 files = null 或 files.length = 0
files 是只读的 FileList 对象，任何试图直接修改它的操作都会静默失败，且不报错：
-
fileInput.files = []→ 报错：TypeError: Cannot set property files of #<htmlinputelement> which has only a getter</htmlinputelement> -
fileInput.files.length = 0→ 无效果，length是只读属性 -
delete fileInput.files→ 无效，files不是可删除的 own property
这些写法在控制台里看似没报错，但实际完全没改变状态，容易让人误以为“清空成功”。
配合 UI 提示时要注意 change 事件触发时机
当你执行 fileInput.value = ''，浏览器会同步清空 files 并触发 change 事件——这意味着如果你在 change 回调里更新了文件计数或预览列表，这个逻辑会被再次执行一次。
- 若你希望“清空按钮”不引发二次处理，可在回调里加标记：比如设置
isClearing = true，在change中检测并跳过渲染 - 更稳妥的做法是：清空操作不依赖
change，而是直接更新 UI，例如countEl.textContent = '0'+fileListEl.innerHTML = '' - 避免在
change里做异步上传准备（如 newFormData），否则清空后可能残留旧 FormData 实例
服务端接收时别漏掉「空数组」校验
前端清空只是 UI 行为，不影响已构造的请求。如果用户点了上传按钮后才点清空，而你又没在提交前检查 fileInput.files.length，就可能发一个空 FormData 给后端。
后端常见坑：
- PHP 的
$_FILES['files']['name']在无文件时是空数组，但未初始化时可能报Undefined index - Node.js + multer 中，若字段名是
files[]，没选文件时req.files可能是undefined而非空数组 - 建议前端提交前强制校验：
if (fileInput.files.length === 0) { alert('请至少选择一个文件'); return; }
清空动作本身很轻量，但后续链路（UI 更新、事件响应、请求拦截）稍不留意就会脱节。重点不是“怎么删”，而是“删完之后谁还在用那堆旧数据”。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
