URL.createObjectURL 是浏览器提供的 API,可基于传入的 File、Blob 等对象生成唯一的临时内存引用路径,无需服务器上传就能快速预览本地文件,可直接赋值给 a 标签、img 标签的资源属性,大幅降低本地资源预览的开发成本。
图层面板里,每个层需要一个很小的缩略图预览。最直觉的做法是 obj.toDataURL() 把整个对象渲染出来。可一旦遇到 超长图/超高图 ,直接生成缩略图会两败俱伤:要么 toDataURL 直接返回一个空字符串给我们 "data:," ,要么把内存吃爆。这篇文章记录我的兜底方案。 一、按比例算出…