CORSヘッダーを許可する方法Amazon + Wordpress

Question

WordPressのWebサイトでAmazon s3から取得したイメージにウォーターマークを適用しようとしています。

私はこのjqueryライブラリ - http://baivong.github.io/watermark/を使用しています。ここでCORSヘッダーを有効にする必要があります。 ウォーターマークは、自分のウェブサイトのローカルイメージでは機能しますが、Amazon S3に保存されているイメージでは機能しません。示唆したように私は私の.htacessに追加：

Header set Access-Control-Allow-Origin "*" 
Header set Access-Control-Allow-Headers "referer, range, accept-encoding, x-requested-with" 

ともそれはまだ動作していない、あなたがいずれかを提供することができる場合、私は思っていたAmazon S3の

<CORSConfiguration> 
<CORSRule> 
<AllowedOrigin>http://mywebsite.com</AllowedOrigin> 

<AllowedMethod>PUT</AllowedMethod> 
<AllowedMethod>GET</AllowedMethod> 
<AllowedMethod>POST</AllowedMethod> 
<AllowedMethod>DELETE</AllowedMethod> 
<AllowedMethod>HEAD</AllowedMethod> 

<AllowedHeader>*</AllowedHeader> 

に設定CORSを編集しました適切に設定されていないものに関するアドバイス...

Answer 1

これは私たちのバケツのCORS設定です。もちろん追加のメソッドを追加することができます

<?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>Origin</AllowedHeader> 
    </CORSRule> 
</CORSConfiguration>