Request方法:blob()

2018-03-02 11:00 更新

blob() 方法

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

blob() 方法語法

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

blob() 方法參數(shù)

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

blob() 方法返回值

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

blob() 方法示例

在我們的讀取請求示例(運行 fetch request live)中,我們使用 Request.Request 構(gòu)造函數(shù)創(chuàng)建了一個新的請求,然后使用它來獲取 JPG。當獲取成功時,我們使用 blob () 從響應(yīng)中讀取一個 Blob,將其放入一個使用 url. createObjectURL 的對象 URL 中,然后將該 URL 設(shè)置為 <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;
});

規(guī)范

規(guī)范 狀態(tài) 注釋
Fetch
在該規(guī)范中'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 不支持 不支持 不支持 支持 不支持 不支持 不支持
以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號