amazon S3画像へのクロスドメイン接続を許可する

JavaScriptから非同期でs3の画像を取得するとき。
CORSという仕組みを使う。

S3でCORS設定

S3の設定ページで「CORS設定の編集」をクリック

AllowedHeaderを↓のような感じに編集。

<?xml version="1.0" encoding="UTF-8"?>
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
    <CORSRule>
        <AllowedOrigin>*</AllowedOrigin>
        <AllowedMethod>GET</AllowedMethod>
        <MaxAgeSeconds>3000</MaxAgeSeconds>
        <AllowedHeader>*</AllowedHeader>
    </CORSRule>
</CORSConfiguration>

もっと厳密に設定するなら↓が参考になりそう。
http://memocra.blogspot.jp/2012/09/s3cors.html