Body接口方法：blob()

blob() 方法

Body mixin 的 blob() 方法采用Response流并将其读入完成。它返回一个与 Blob 一起解决的promise。

blob() 方法语法

response.blob().then(function(myBlob) {
  // do something with myBlob
});

blob() 方法参数

blob() 方法没有参数。

blob() 方法返回

blob() 方法将返回一个promise，使用一个Blob解决。

blob() 方法示例

在我们的fetch请求示例（运行fetch request）中，我们使用Request.Request构造函数创建了一个新的请求，然后使用它来获取JPG。当获取成功时，我们使用blob()方法在响应读取一个Blob，然后使用URL.createObjectURL将其放入一个对象的URL中，然后将该URL设置为<img>元素的来源以显示图像。

var myImage = document.querySelector('img');

var myRequest = new Request('flowers.jpg');

fetch(myRequest)
.then(function(response) {
  return response.blob();
})
.then(function(myBlob) {
  var objectURL = URL.createObjectURL(myBlob);
  myImage.src = objectURL;
});

规范

浏览器兼容性

• 电脑端

• 移动端

表格注解：

[1]在第41版的首选项后。

[2]从版本34开始的首选项后。

[3]在版本28的首选项后。