diff options
author | MDN <actions@users.noreply.github.com> | 2021-07-01 00:37:12 +0000 |
---|---|---|
committer | MDN <actions@users.noreply.github.com> | 2021-07-01 00:37:12 +0000 |
commit | b0a393384aa4021c915e6a650c75ff328a054cb2 (patch) | |
tree | 5f049f0db1c3b87c9d8ea12564cf7bc43b0e8f07 /files/ja/web/api/body/blob/index.html | |
parent | 3f2eea0abf998516fe98d64da8da53a03d36c3ee (diff) | |
download | translated-content-b0a393384aa4021c915e6a650c75ff328a054cb2.tar.gz translated-content-b0a393384aa4021c915e6a650c75ff328a054cb2.tar.bz2 translated-content-b0a393384aa4021c915e6a650c75ff328a054cb2.zip |
[CRON] sync translated content
Diffstat (limited to 'files/ja/web/api/body/blob/index.html')
-rw-r--r-- | files/ja/web/api/body/blob/index.html | 79 |
1 files changed, 0 insertions, 79 deletions
diff --git a/files/ja/web/api/body/blob/index.html b/files/ja/web/api/body/blob/index.html deleted file mode 100644 index 1fb7cf8bbe..0000000000 --- a/files/ja/web/api/body/blob/index.html +++ /dev/null @@ -1,79 +0,0 @@ ---- -title: Body.blob() -slug: Web/API/Body/blob -tags: - - API - - BODY - - Blob - - Experimental - - Fetch - - Method - - Reference -translation_of: Web/API/Body/blob ---- -<div>{{APIRef("Fetch")}}</div> - -<p>{{domxref("Body")}} ミックスインの <strong><code>blob()</code></strong> メソッド は、 {{domxref("Response")}} ストリームを取得し、完全に読み込みます。 {{domxref("Blob")}} で解決する promise を返します。</p> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<pre class="syntaxbox"><em>response</em>.blob().then(function(<em>myBlob</em>) { - // do something with myBlob -});</pre> - -<h3 id="Parameters" name="Parameters">パラメーター</h3> - -<p>なし。</p> - -<div class="note"><strong>注</strong>: {{domxref("Response")}} の {{domxref("Response.type")}} が <code>"opaque"</code> の場合、結果の {{domxref("Blob")}} の {{domxref("Blob.size")}} は <code>0</code>、{{domxref("Blob.type")}} は空の文字列 <code>""</code> になり、{{domxref("URL.createObjectURL")}} のようなメソッドでは役に立たなくなります。</div> - -<h3 id="Return_value" name="Return_value">戻り値</h3> - -<p>{{domxref("Blob")}} で解決する promise。</p> - -<h2 id="Example" name="Example">例</h2> - -<p><a href="https://github.com/mdn/fetch-examples/tree/master/fetch-request">fetch request の例</a>(<a href="http://mdn.github.io/fetch-examples/fetch-request/">fetch request をライブで</a>実行)では、{{domxref("Request.Request","Request()")}} コンストラクターを使用して新しいリクエストを作成し、それを使用して JPG をフェッチします。 フェッチが成功したら、<code>blob()</code> を使用してレスポンスから {{domxref("Blob")}} を読み取り、それを {{domxref("URL.createObjectURL")}} を使用してオブジェクト URL に入れ、その URL を {{htmlelement("img")}} 要素のソースとして設定して画像を表示します。</p> - -<pre class="brush: js">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; -}); -</pre> - -<h2 id="Specifications" name="Specifications">仕様</h2> - -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">仕様</th> - <th scope="col">状態</th> - <th scope="col">コメント</th> - </tr> - <tr> - <td>{{SpecName('Fetch','#dom-body-blob','blob()')}}</td> - <td>{{Spec2('Fetch')}}</td> - <td></td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> - - - -<p>{{Compat("api.Body.blob")}}</p> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li><a href="/ja/docs/Web/API/ServiceWorker_API">ServiceWorker API</a></li> - <li><a href="/ja/docs/Web/HTTP/CORS">HTTP アクセス制御(CORS)</a></li> - <li><a href="/ja/docs/Web/HTTP">HTTP</a></li> -</ul> |