什么是 Blob 与 DataURL?
Blob URL 是以 blob: 开头的临时地址,指向浏览器内存中的文件对象,常用于前端图片预览与上传。
DataURL 把文件编码为 Base64 字符串,可直接嵌入 img、CSS 背景或 JSON 数据中。
如何使用
两步完成互转:
- 上传一张图片。
- 复制 Blob URL 或 DataURL 到你的代码中即可。
小贴士
- 小图标适合用 DataURL 内联,大图建议使用独立文件。
- Blob URL 可用于 img 标签、视频源或 fetch 下载。
- 如需生成其他文件的 Base64,可配合 Base64编解码 工具使用。