ruby-on-rails - S3 跨域资源共享不起作用

Question

我正在尝试使用 blur.js模糊用户上传的图像，我将图像存储在 Amazon S3 上。我已经设置了我认为正确的 CORS 配置，但图像不能模糊，我在浏览器中收到此错误:

  Unable to get image data from canvas because the canvas has been tainted by cross-origin data.

这是我的 CORS 配置:

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

知道出了什么问题吗？

Answer 1

我刚刚做到了。基本上，您可以按照以下步骤编辑您的 S3 存储桶权限并使 ir 工作。如果您需要任何进一步的帮助，请在下面发表评论。

1) 登录 AWS 管理控制台并通过 https://console.aws.amazon.com/s3/ 打开 Amazon S3 控制台

2) 在 Buckets 列表中，打开要查看其属性的 Bucket，点击“添加 CORS 配置”



3)在标签之间写下你愿意添加的规则<CORSConfiguration>

<CORSConfiguration>
  <CORSRule>
    <AllowedOrigin>*</AllowedOrigin>
    <AllowedMethod>GET</AllowedMethod>
    <MaxAgeSeconds>3000</MaxAgeSeconds>
    <AllowedHeader>*</AllowedHeader>
  </CORSRule>
</CORSConfiguration>

您可以通过以下网址了解更多有关规则的信息: http://docs.aws.amazon.com/AmazonS3/latest/dev/cors.html

4) 在您将在 Canvas 中使用的图像上指定 crossorigin='anonymous'