Body接口方法：blob()

blob() 方法

Body mixin 的 blob() 方法采用Response流并將其讀入完成。它返回一個與 Blob 一起解決的promise。

blob() 方法語法

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

blob() 方法參數(shù)

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

blob() 方法返回

blob() 方法將返回一個promise，使用一個Blob解決。

blob() 方法示例

在我們的fetch請求示例（運行fetch request）中，我們使用Request.Request構(gòu)造函數(shù)創(chuàng)建了一個新的請求，然后使用它來獲取JPG。當(dāng)獲取成功時，我們使用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ī)范

瀏覽器兼容性

• 電腦端

• 移動端

表格注解：

[1]在第41版的首選項后。

[2]從版本34開始的首選項后。

[3]在版本28的首選項后。