Request方法:blob()
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 | 不支持 | 不支持 | 不支持 | 支持 | 不支持 | 不支持 | 不支持 |