Blob

Blob(Binary Large Object)是浏览器 JavaScript 环境中表示原始二进制数据的不可变对象。在图像处理中,Blob 用于保存来自文件输入或 Canvas 输出的图像数据,支持下载和上传操作。

File 对象继承自 Blob,因此通过 <input type="file"> 选择的图像可直接作为 Blob 使用。Canvas API 的 toBlob() 方法可将渲染内容转换为 JPEG、PNG 或 WebP 格式的 Blob。

URL.createObjectURL(blob) 生成临时 URL,可用于 <img> 元素或下载链接。图像压缩工具使用 blob.size 来显示文件大小对比。为防止内存泄漏,不再使用的 Object URL 必须通过 URL.revokeObjectURL() 释放。