拖拽上传在 Chrome 正常,Safari 上拖进去没有任何反应。碰到这种情况,我一般先确认改动有没有真的生效。
原因不复杂,文件列表的获取方式在不同内核下实现不同,直接读目录条目会拿到空值。
「拖拽上传兼容」相关的日志我一般连着看前后五分钟,单看一条报错经常判断不出是哪一步失败。改完顺手把文档补一句,省得下次自己重新推一遍。
const items = e.dataTransfer.items;
const files = Array.from(e.dataTransfer.files);
if (!files.length) showTip('请拖入文件');
监控和日志的时间要对上,时区不一致会多绕很大一圈。临时改动用注释写上日期和原因,过两周自己都记不清为什么这么写。
动手前把原文件复制一份带时间戳,出问题立刻换回去,比现场分析快得多。一次只改一处,改完立刻验证,几个改动叠在一起,出问题就说不清是谁导致的。
具体做法是,优先从文件列表取文件;目录场景再用另一套接口;无文件时给出明确提示。
最后用这个标准收尾,主流浏览器拖拽上传均可正常拿到文件。