无法清空dataTransfer.files因其为只读属性；clearData()对文件无效；真正“清空”需在drop后清理业务层文件列表并用状态标记防重复提交。
直接设 dataTransfer.files 为 null 或空数组无效
你不能通过 event.dataTransfer.files = [] 或 event.dataTransfer.files = null 来清空它——files 是只读属性，赋值会被静默忽略。浏览器会始终保留拖拽时带入的原始 FileList，哪怕你已经处理完或想“取消”这次拖拽。
clearData() 对文件不起作用
event.dataTransfer.clearData('Files') 或不带参数的 clearData() 在大多数浏览器中对 files 属性完全无效。它只影响 setData() / getData() 写入的文本、HTML 等自定义数据，而 files 是由系统注入的独立通道，不受该方法控制。
真正能“清空”的只有重置整个拖拽上下文
所谓“清空”，本质是让后续操作（比如再次 drop）不再拿到旧文件。这只能靠以下组合动作实现：
- 在
drop事件处理完后，立刻调用event.dataTransfer.clearData()—— 虽然不删files，但能清理其他干扰项 - 确保每次拖拽都用新事件对象，不要缓存
event.dataTransfer实例 - 最关键的：在
drop后，手动将你业务逻辑中维护的文件列表（比如一个Array或Map）清空或过滤，而不是试图动原生files - 如果是为了防止重复提交，应在 JS 层做状态标记（如
isProcessing = true），并在上传成功/失败后重置，而非依赖清空dataTransfer
原生 DataTransfer 就不是设计来被“编辑”的，它的 files 是快照，不是引用。想灵活管理文件，请从 event.dataTransfer.files 读取一次，转存到可变结构里操作。
立即学习“前端免费学习笔记（深入）”；
