Blob是浏览器中表示不可变原始二进制数据的对象，无文件名和修改时间；与普通文件相比，File是Blob子类，额外拥有name和lastModified属性。
什么是 Blob，它和普通文件有什么区别
Blob 是浏览器中表示“不可变、原始二进制数据”的对象，不是文件，也不带文件名或最后修改时间——它只是数据块。你用
构造的实例其实是 Blob 的子类，多了
和
属性；而纯
没有这些，所以直接下载时浏览器默认叫它
。
如何用 Blob 构造文本或 JSON 数据
构造 Blob 最容易踩的坑是编码和类型声明不匹配。比如传入字符串但没指定
，或写了
却传了 UTF-8 字节流（实际应传
或
）。
常见做法：
纯文本：直接传字符串，
设为
（注意加
，否则中文可能乱码）
JSON：同上，
用
二进制内容（如图片 base64 解码后）：先用
转成字符串，再转
，最后传入 Blob 构造函数
如何触发 Blob 下载并指定文件名
Blob 本身不能直接下载，必须借助
标签的
属性 +
创建临时 URL。关键点：
立即学习
“
前端免费学习笔记（深入）
”；
使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
下载
返回的是内存中的引用，不是真实路径，不能用于
或跨域请求
下载完成后应调用
释放引用，否则内存泄漏（尤其在频繁生成 Blob 的场景下）
属性只在同源下生效；如果页面是
或
协议，部分浏览器（如 Safari）会忽略该属性，强制命名为
从 Canvas 或 Fetch 响应生成 Blob 的典型场景
Canvas 导出图片、API 返回流式响应，都是 Blob 的高频使用场景，但行为差异大：
是异步的，回调里才拿到 Blob；而
是同步字符串，再转 Blob 反而多一次编码开销
返回 Promise
，注意它读取的是响应体全部内容，不会自动解压（gzip 需服务端配合或手动解压）
大文件（>100MB）用 Blob 可能卡顿，此时建议用
+
分块处理，而不是一次性
Canvas 示例：
Fetch 示例：
真正麻烦的是 type 推断不准、内存没及时释放、以及 Safari 对
的限制——这些细节不验证，上线后用户就只能下到
。
new File()namelastModifiedBlobdownloadtype"text/plain"Uint8ArrayArrayBuffertype"text/plain;charset=utf-8"charsettype"application/json;charset=utf-8"atob()Uint8Arrayconst jsonStr = JSON.stringify({a: 1, b: "中文"});
const blob = new Blob([jsonStr], {type: "application/json;charset=utf-8"});
downloadURL.createObjectURL()URL.createObjectURL(blob)fetchURL.revokeObjectURL()downloaddata:blob:unknownconst blob = new Blob(["hello"], {type: "text/plain"});
const url = URL.createObjectURL(blob);
const a = document.createElement("a");
a.href = url;
a.download = "hello.txt";
a.click();
URL.revokeObjectURL(url); // 必须调用
canvas.toBlob()canvas.toDataURL()fetch().then(res => res.blob())ReadableStreamTransformStreamres.blob()canvas.toBlob(blob => {
const url = URL.createObjectURL(blob);
// …后续下载逻辑
}, "image/png");
fetch("/api/data").then(res => res.blob()).then(blob => {
// 注意：这里 blob.type 来自响应头 Content-Type，不一定可靠
// 如需强约束，建议手动 new Blob([blob], {type: "application/pdf"})
});
downloadunknown