Body.blob()

Body  mixin的 blob() 方法使用一个 Response 流，并将其读取完成。它返回一个使用一个  Blob解决{的promise。

句法

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

参数

None.

返回值

A promise that resolves with a Blob.

例子

在我们 fetch request example (run fetch request live)中，我们使用Request.Request创建了一个新的rqeusts构造函数，然后使用它来fetch一个JPG文件。当fetch成功的时候，我们使用blob()从response中读取一个Blob，并使用URL.createObjectURL 将它放入一个object URL ，然后把URL设置为img元素的source以显示这张图片。

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;
});

Specifications

浏览器兼容性

[1] Behind a preference in version 41.

[2] Behind a preference starting with version 34.

[3] Behind a preference in version 28.

See also

• ServiceWorker API
• HTTP access control (CORS)
• HTTP