Body.blob()

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

構文

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

パラメーター

なし。

: ResponseResponse.type (en-US)"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() の定義
現行の標準

ブラウザーの互換性

No compatibility data found for api.Body.blob.
Check for problems with this page or contribute missing data to mdn/browser-compat-data.

関連情報