Body接口方法:blob()

2018-01-25 10:56 更新

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

规范

规范状态评论
Fetch
在该规范中“blob()”的定义。
Living Standard
 

浏览器兼容性

  • 电脑端
Feature
Chrome
Edge
Firefox(Gecko)Internet Explorer
Opera
Safari(WebKit)
基本的支持支持:42 [1]
(是)支持:39[2]不支持

支持:29 [3]

不支持
  • 移动端
FeatureAndroidEdgeFirefox Mobile (Gecko)Firefox OS (Gecko)IE PhoneOpera MobileSafari MobileChrome for Android
基本的支持不支持(是)不支持
不支持
不支持
不支持
不支持
不支持

表格注解:

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

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

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

以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号