“Chrome が<img>タグで画像をダウンロードした際にHTTPヘッダも含めたレスポンスをキャッシュし、JavaScriptでダウンロードしようとした際にHTTPヘッダも含めてそのまま返してしまうのが原因”

kkeisuke のブックマーク 2022/01/01 14:03

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/4713282259081536322/comment/kkeisuke" data-user-id="kkeisuke" data-entry-url="https://b.hatena.ne.jp/entry/s/dev.classmethod.jp/articles/img-js-cors/" data-original-href="https://dev.classmethod.jp/articles/img-js-cors/" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fdev.classmethod.jp%2Farticles%2Fimg-js-cors%2F" data-user-icon="/users/kkeisuke/profile.png">imgタグとJavaScriptそれぞれで同じ画像にアクセスした際に Chrome でのみ CORS エラーになる場合の対処 | DevelopersIO</a><br><p style="clear: left">“Chrome が&lt;img&gt;タグで画像をダウンロードした際にHTTPヘッダも含めたレスポンスをキャッシュし、JavaScriptでダウンロードしようとした際にHTTPヘッダも含めてそのまま返してしまうのが原因”</p><a class="datetime" href="https://b.hatena.ne.jp/kkeisuke/20220101#bookmark-4713282259081536322"><span class="datetime-body">2022/01/01 14:03</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

このブックマークにはスターがありません。
最初のスターをつけてみよう！

imgタグとJavaScriptそれぞれで同じ画像にアクセスした際に Chrome でのみ CORS エラーになる場合の対処 | DevelopersIO

dev.classmethod.jp2021/12/30

参考: HTML crossorigin 属性 - HTML: HyperText Markup Language | MDN anonymous Cookie、クライアント証明書、認証ヘッダーの情報をSame Originの場合のみ送信します。理解のために実際に動かして確かめてい...

5 人がブックマーク・1 件のコメント

他のコメントを読む

＼コメントがサクサク読めるアプリです／

はてなブックマーク

imgタグとJavaScriptそれぞれで同じ画像にアクセスした際に Chrome でのみ CORS エラーになる場合の対処 | DevelopersIO

はてなブックマーク

公式Twitter

はてなのサービス