この記事は編集レビューを必要としています。ぜひご協力ください。
これは実験段階の機能です。
この機能は複数のブラウザで開発中の状態にあります。各ブラウザで用いるために、適切なベンダー接頭辞が必要な場合があります。互換性テーブルをチェックしてください。また、実験段階の機能の構文と挙動は、仕様変更に伴い各ブラウザの将来のバージョンで変更になる可能性があることに注意してください。
Body ミックスインの blob() メソッド は、 Response ストリームを取得し、完全に読み込みます。Blob で解決する promise を返します。
構文
response.blob().then(function(myBlob) {
// myBlob を使用して何かを実行。
});
パラメーター
なし。
戻り値
Blob で解決する promise。
例
fetch request example（fetch リクエストライブ を実行）では、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 で設定が必要です。