Body接口方法：blob()

blob() 方法

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

blob() 方法語(yǔ)法

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

blob() 方法參數(shù)

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

blob() 方法返回

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

blob() 方法示例

在我們的fetch請(qǐng)求示例（運(yùn)行fetch request）中，我們使用Request.Request構(gòu)造函數(shù)創(chuàng)建了一個(gè)新的請(qǐng)求，然后使用它來(lái)獲取JPG。當(dāng)獲取成功時(shí)，我們使用blob()方法在響應(yīng)讀取一個(gè)Blob，然后使用URL.createObjectURL將其放入一個(gè)對(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ī)范

瀏覽器兼容性

• 電腦端

• 移動(dòng)端

表格注解：

[1]在第41版的首選項(xiàng)后。

[2]從版本34開(kāi)始的首選項(xiàng)后。

[3]在版本28的首選項(xiàng)后。