We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

これは実験段階の機能です。
この機能は複数のブラウザーで開発中の状態にあります。互換性テーブルをチェックしてください。また、実験段階の機能の構文と挙動は、仕様変更に伴い各ブラウザーの将来のバージョンで変更になる可能性があることに注意してください。

Body ミックスインの bodyUsed 読み取り専用プロパティは、ボディーが既に読み取られたかどうかを示す Boolean 値を含みます。

構文

var myBodyUsed = response.bodyUsed;

Boolean 値。

Fetch Request exampleFetch Request live を見てください)では、コンストラクターを使用して新しいリクエストオブジェクトを生成してから、 JPG を取得しています。取得が成功したとき、blob() を使用してレスポンスの Blob を読み取っています。その後、URL.createObjectURL を使用して URL をオブジェクトに格納し、画像を表示するために <img> 要素のソースとして URL を設定しています。

response.blob() の呼び出し前後に、response.bodyUsed をコンソールにロギングしていることに注目してください。その時点でボディーが読み取られたかによるため、blob( ) の呼び出し前は false を返し、呼び出し後は true を返します。

var myImage = document.querySelector('img');

var myRequest = new Request('flowers.jpg');

fetch(myRequest).then(function(response) {
  console.log(response.bodyUsed);
  response.blob().then(function(myBlob) {
    var objectURL = URL.createObjectURL(myBlob);
    myImage.src = objectURL;
  });
  console.log(response.bodyUsed);
});

仕様

仕様 状態 コメント
Fetch
bodyUsed の定義
現行の標準  

ブラウザ実装状況

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
基本サポート 42 [1]
 
39 (39) [2] 未サポート

29 [3]

未サポート
機能 Android Firefox Mobile (Gecko) Firefox OS (Gecko) IE Phone Opera Mobile Safari Mobile Chrome for Android
基本サポート 未サポート 未サポート 未サポート 未サポート 未サポート 未サポート 未サポート

[1] 41 では、設定で有効にします。

[2] 34 では、設定で有効にします。

[3] 28 では、設定で有効にします。

関連項目

ドキュメントのタグと貢献者

このページの貢献者: YuichiNukiyama
最終更新者: YuichiNukiyama,