MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

这篇翻译不完整。请帮忙从英语翻译这篇文章

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

Specification Status Comment
Fetch
blob()
Living Standard  

浏览器兼容性

Feature Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support 42 [1]
 
(Yes) 39 (39) [2] 未实现

29 [3]

未实现
Feature Android Edge Firefox Mobile (Gecko) Firefox OS (Gecko) IE Phone Opera Mobile Safari Mobile Chrome for Android
Basic support 未实现 (Yes) 未实现 未实现 未实现 未实现 未实现 未实现

[1] Behind a preference in version 41.

[2] Behind a preference starting with version 34.

[3] Behind a preference in version 28.

See also

文档标签和贡献者

标签: 
 此页面的贡献者: xgqfrms-GitHub, thomastao0215
 最后编辑者: xgqfrms-GitHub,