Body.blob()

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

構文

response.blob().then(function(myBlob) {
  // do something with myBlob
});

パラメーター

なし。

: ResponseResponse.type"opaque" の場合、結果の BlobBlob.size0Blob.type は空の文字列 "" になり、URL.createObjectURL のようなメソッドでは役に立たなくなります。

戻り値

Blob で解決する promise。

fetch request の例fetch request をライブで実行)では、Request() コンストラクターを使用して新しいリクエストを作成し、それを使用して JPG をフェッチします。 フェッチが成功したら、blob() を使用してレスポンスから Blob を読み取り、それを URL.createObjectURL を使用してオブジェクト URL に入れ、その URL を <img> 要素のソースとして設定して画像を表示します。

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

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

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

仕様

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

ブラウザーの互換性

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
blob
実験的
Chrome 完全対応 42
完全対応 42
完全対応 41
無効
無効 From version 41: this feature is behind the Experimental Web Platform Features preference. To change preferences in Chrome, visit chrome://flags.
Edge 完全対応 ≤18Firefox 完全対応 39
完全対応 39
完全対応 34
無効
無効 From version 34: this feature is behind the dom.fetch.enabled preference. To change preferences in Firefox, visit about:config.
IE 未対応 なしOpera 完全対応 29
完全対応 29
完全対応 28
無効
無効 From version 28: this feature is behind the Experimental Web Platform Features preference.
Safari 完全対応 10WebView Android 未対応 なしChrome Android 完全対応 42Firefox Android 未対応 なしOpera Android 完全対応 29
完全対応 29
完全対応 28
無効
無効 From version 28: this feature is behind the Experimental Web Platform Features preference.
Safari iOS 完全対応 10Samsung Internet Android 未対応 なし

凡例

完全対応  
完全対応
未対応  
未対応
実験的。動作が変更される可能性があります。
実験的。動作が変更される可能性があります。
ユーザーが明示的にこの機能を有効にしなければなりません。
ユーザーが明示的にこの機能を有効にしなければなりません。

関連情報