W3Cschool
恭喜您成為首批注冊(cè)用戶
獲得88經(jīng)驗(yàn)值獎(jiǎng)勵(lì)
該 Body mixin 的 blob() 方法讀取一個(gè) Response 流,并且將它讀取完成。它返回一個(gè)用 Blob 解決的 promise。
response.blob().then(function(myBlob) {
// do something with myBlob
});
在 Request 中 blob() 方法沒(méi)有參數(shù)。
blob() 方法返回一個(gè)用 Blob 解決的 promise。
在我們的讀取請(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ī)范 | 狀態(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 | 不支持 | 不支持 | 不支持 | 支持 | 不支持 | 不支持 | 不支持 |
Copyright©2021 w3cschool編程獅|閩ICP備15016281號(hào)-3|閩公網(wǎng)安備35020302033924號(hào)
違法和不良信息舉報(bào)電話:173-0602-2364|舉報(bào)郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號(hào)
聯(lián)系方式:
更多建議: