用户用手机传原图,十几兆的文件经常传到一半失败。碰到这种情况,我一般先确认改动有没有真的生效。
原因不复杂,上传前没有压缩,文件体积超过链路与服务端限制,移动网络上传大文件时中途极易断开。
「前端图片压缩」相关的验证我通常做两遍,改完一次、隔天再看一次,确认不是临时生效。改完顺手把文档补一句,省得下次自己重新推一遍。
const max = 1600; const scale = Math.min(1, max / Math.max(img.width, img.height)); canvas.toBlob(cb, 'image/jpeg', 0.85);
监控和日志的时间要对上,时区不一致会多绕很大一圈。临时改动用注释写上日期和原因,过两周自己都记不清为什么这么写。
动手前把原文件复制一份带时间戳,出问题立刻换回去,比现场分析快得多。一次只改一处,改完立刻验证,几个改动叠在一起,出问题就说不清是谁导致的。
具体做法是,上传前按最长边压缩;控制输出质量与体积;保留失败重试与提示。
最后用这个标准收尾,上传成功率明显提升,图片清晰度仍可接受。