codecamp

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 不支持 不支持 不支持 支持 不支持 不支持 不支持
Request方法:arrayBuffer()
Request方法:formData()
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

Fetch API官方文档指南

Fetch API方法

WindowOrWorkerGlobalScope执行者:window

window属性

WindowOrWorkerGlobalScope执行者:WorkerGlobalScope

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }