Google Chromeでのamazon S3画像へのクロスドメイン接続
S3に配置された画像ファイルをクロスドメイン接続で取得したいのですがGoogle Chromeだけできません。
S3のCORSの設定には下記を設定しています。
<CORSConfiguration>
<CORSRule>
<AllowedOrigin>*</AllowedOrigin>
<AllowedMethod>GET</AllowedMethod>
<MaxAgeSeconds>3000</MaxAgeSeconds>
<AllowedHeader>*</AllowedHeader>
</CORSRule>
</CORSConfiguration>
この状態でGoogle Chromeのコンソールで下記を実行するとAccess to Image at 'https://SOME_BUCKET_NAME.s3-ap-northeast-1.amazonaws.com/hoge.jpg' from origin 'http://SOME.ORIGIN.SITE' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://SOME.ORIGIN.SITE' is therefore not allowed access.
というエラーが発生してしまいます。
img = new Image
img.crossOrigin = 'Anonymous'
img.src = 'https://SOME_BUCKET_NAME.s3-ap-northeast-1.amazonaws.com/hoge.jpg'
EdgeやFirefoxではエラーが発生しません。
なおGoogle Chromeのバージョンは57.0.2987.110 (64-bit)
です。