Question

我正在尝试将水印应用于我在wordpress网站上从亚马逊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"

并在亚马逊s3上编辑了CORS设置

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

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

<AllowedHeader>*</AllowedHeader>

它仍然不起作用，我想知道你是否可以提供任何未正确设置的建议......

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>

如何允许CORS标题Amazon + Wordpress

1 个答案: