Body.blob()

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

Body ミックスインの blob() メソッド は、 Response ストリームを取得し、完全に読み込みます。Blob で解決する promise を返します。

構文

response.blob().then(function(myBlob) {
  // myBlob を使用して何かを実行。
});

パラメーター

なし。

戻り値

Blob で解決する promise。

fetch request examplefetch リクエストライブ を実行)では、Request.Request コンストラクタを使用して新しいリクエストを姿勢してから、JPG を取得しています。取得が成功した場合、blob() を使用してレスポンスから Blob を読み込み、URL.createObjectURL を使用して URL オブジェクトに追加しています。そして画像を表示するために、<img> 要素のソースとして、 URL を設定しています。

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;
});

仕様

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

ブラウザ実装状況

機能 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,