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;
});
规范
规范 | 状态 | 评论 |
---|---|---|
Fetch 在该规范中“blob()”的定义。 | Living Standard |
浏览器兼容性
- 电脑端
Feature | Chrome | Edge | Firefox(Gecko) | Internet Explorer | Opera | Safari(WebKit) |
---|---|---|---|---|---|---|
基本的支持 | 支持:42 [1] | (是) | 支持:39[2] | 不支持 | 支持:29 [3] | 不支持 |
- 移动端
Feature | Android | Edge | Firefox Mobile (Gecko) | Firefox OS (Gecko) | IE Phone | Opera Mobile | Safari Mobile | Chrome for Android |
---|---|---|---|---|---|---|---|---|
基本的支持 | 不支持 | (是) | 不支持 | 不支持 | 不支持 | 不支持 | 不支持 | 不支持 |
表格注解:
[1]在第41版的首选项后。
[2]从版本34开始的首选项后。
[3]在版本28的首选项后。