Body接口屬性:bodyUsed

2019-01-23 17:16 更新

bodyUsed只讀屬性

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

bodyUsed只讀屬性語(yǔ)法

var myBodyUsed = response.bodyUsed;

bodyUsed只讀屬性值

bodyUsed只讀屬性的值是一個(gè)布爾值。

示例

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

注意,我們記錄response.bodyUsed在response.blob()調(diào)用之前和之后一次到控制臺(tái)。在這之前返回錯(cuò)誤并且在之后返回真實(shí)的,因?yàn)槟菚r(shí)候主體內(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]

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

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

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

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

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

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

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)