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 ミックスインの 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() の定義
現行の標準  

ブラウザ実装状況

機能ChromeEdgeFirefoxInternet ExplorerOperaSafari
基本対応

42

411

あり

39

342

なし

29

283

なし
機能Android webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
基本対応 なし なし あり なし なし なし なし

1. From version 41: this feature is behind the Experimental Web Platform Features preference. To change preferences in Chrome, visit chrome://flags.

2. From version 34: this feature is behind the dom.fetch.enabled preference. To change preferences in Firefox, visit about:config.

3. From version 28: this feature is behind the Experimental Web Platform Features preference.

関連項目

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

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