Body接口屬性:bodyUsed

2019-01-23 17:16 更新

bodyUsed只讀屬性

Body mixin的bodyUsed只讀屬性包含一個布爾值,指示正文是否已被讀取。

bodyUsed只讀屬性語法

var myBodyUsed = response.bodyUsed;

bodyUsed只讀屬性值

bodyUsed只讀屬性的值是一個布爾值。

示例

在我們的fetch請求示例(運(yùn)行獲取請求)中,我們使用Request.Request構(gòu)造函數(shù)創(chuàng)建了一個新的請求,然后使用它來獲取JPG。當(dāng)獲取成功時,我們使用blob()從響應(yīng)中讀取一個團(tuán)塊,然后使用URL.createObjectURL把它放到一個對象的URL中,然后將該URL設(shè)置為<IMG>元素的來源來顯示圖像。

注意,我們記錄response.bodyUsed在response.blob()調(diào)用之前和之后一次到控制臺。在這之前返回錯誤并且在之后返回真實(shí)的,因?yàn)槟菚r候主體內(nèi)容已經(jīng)被讀了。

HTML內(nèi)容

<img class="my-image" src="https://wikipedia.org/static/images/project-logos/frwiki-1.5x.png" rel="external nofollow" >

JS內(nèi)容

var myImage = document.querySelector('.my-image');
fetch('https://upload.wikimedia.org/wikipedia/commons/7/77/Delete_key1.jpg').then(function(response) {
    console.log(response.bodyUsed);
    var res = response.blob();
    console.log(response.bodyUsed);
    return res;
}).then(function(response) {
    var objectURL = URL.createObjectURL(response);
    myImage.src = objectURL;
});

規(guī)范

規(guī)范狀態(tài)注釋
該規(guī)范中“bodyUsed”的定義。
生活水平
 

瀏覽器兼容性

  • 電腦端
特征

邊緣
火狐(壁虎)
IE瀏覽器
歌劇
Safari瀏覽器(WebKit的)
基本的支持
支持:42 [1] 
(是)支持:39 [2]不支持

支持:29 [3]

不支持
  • 移動端
特征Android的邊緣Firefox Mobile(Gecko)Firefox OS(Gecko)IE手機(jī)Opera MobileSafari Mobile適用于Android的Chrome
基本的支持不支持(是)不支持不支持不支持不支持不支持不支持

下面的注解對應(yīng)于上表:

[1]在第41版優(yōu)先。

[2]從第34版開始優(yōu)先。

[3]在第28版優(yōu)先。

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號