阅读(1655) (0)

Request方法:blob()

2018-03-02 10:47:06 更新

blob() 方法

该 Body mixin 的 blob() 方法读取一个 Response 流,并且将它读取完成。它返回一个用 Blob 解决的 promise。

blob() 方法语法

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

blob() 方法参数

在 Request 中 blob() 方法没有参数。

blob() 方法返回值

blob() 方法返回一个用 Blob 解决的 promise。

blob() 方法示例

在我们的读取请求示例(运行 fetch request live)中,我们使用 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
 

浏览器兼容性

桌面 移动
Chrome
Edge
Firefox
Internet Explorer
Opera
Safari
Androidwebview
Chrome for Android
Edge Mobile
Firefox
for
Android
Opera
for
Android
iOS Safari
基本支持
支持:42 支持 支持:39 不支持 支持:29 不支持 不支持 不支持 支持 不支持 不支持 不支持