Request方法:blob()

2018-03-02 11:00 更新

blob() 方法

該 Body mixin 的 blob() 方法讀取一個(gè) Response 流,并且將它讀取完成。它返回一個(gè)用 Blob 解決的 promise。

blob() 方法語(yǔ)法

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

blob() 方法參數(shù)

在 Request 中 blob() 方法沒(méi)有參數(shù)。

blob() 方法返回值

blob() 方法返回一個(gè)用 Blob 解決的 promise。

blob() 方法示例

在我們的讀取請(qǐng)求示例(運(yùn)行 fetch request live)中,我們使用 Request.Request 構(gòu)造函數(shù)創(chuàng)建了一個(gè)新的請(qǐng)求,然后使用它來(lái)獲取 JPG。當(dāng)獲取成功時(shí),我們使用 blob () 從響應(yīng)中讀取一個(gè) Blob,將其放入一個(gè)使用 url. createObjectURL 的對(duì)象 URL 中,然后將該 URL 設(shè)置為 <img> 元素的來(lái)源以顯示圖像。

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

規(guī)范

規(guī)范 狀態(tài) 注釋
Fetch
在該規(guī)范中'blob()'的定義。
Living Standard
 

瀏覽器兼容性

桌面 移動(dòng)
Chrome
Edge
Firefox
Internet Explorer
Opera
Safari
Androidwebview
Chrome for Android
Edge Mobile
Firefox
for
Android
Opera
for
Android
iOS Safari
基本支持
支持:42 支持 支持:39 不支持 支持:29 不支持 不支持 不支持 支持 不支持 不支持 不支持
以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)