S3 文件的 PDF.js CORS 问题

Question

我正在尝试使用 PDF.js 1.0.571 查看托管在 S3 存储桶上的 PDF。但是，我收到以下错误：

来自a similar issue的工作JSBin： http://jsbin.com/pdfjs-helloworld-v2/7086/edit

JSBin 不工作： http://jsbin.com/pdfjs-helloworld-v2/10562/edit

我的 S3 CORS 设置：

用于测试的 S3 PDF：http://sheethub.s3.amazonaws.com/sheets/0b26b42aa027c6b73855feb68b8c089e893f8114/original/another_guldove.pdf?1407157315

我的 CORS 设置有误吗？我在这里想念什么？ http://sheethub.s3.amazonaws.com 和 http://s3.amazonaws.com/sheethub 有区别吗？

Answer 1

您需要在服务器上启用 CORS。它基本上是通过将以下标头添加到您的 Web 服务器的输出来完成的：

• 访问控制允许凭据：true
• 访问控制允许方法：GET
• 访问控制允许来源：http://www.yourdomain.com

您可以在此处阅读有关类似案例的更多信息： http://flexpaper.devaldi.com/questions-and-answers.jsp?qa=1560/remote-hosted-pdfs-not-being-displayed-stuck-loading

Answer 2

对于仍然面临这个问题并登陆这里的人：

在您的 S3 CORS 配置中使用此配置。 按照this link 上的说明更新您的 CORS 配置。不要忘记保存。

<!-- Sample policy -->
<CORSConfiguration>
    <CORSRule>
        <AllowedOrigin>*</AllowedOrigin>
        <AllowedMethod>GET</AllowedMethod>
        <AllowedMethod>HEAD</AllowedMethod>
        <MaxAgeSeconds>3000</MaxAgeSeconds>
        <AllowedHeader>Authorization</AllowedHeader>
    </CORSRule>
</CORSConfiguration>

<AllowedMethod>HEAD</AllowedMethod> 与众不同。

Answer 3

就像我一样，如果有人花几天时间在上面。

即使在 s3 上设置了 cors

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

现在是数组格式：

[
   {
      "AllowedHeaders":[
         "*"
      ],
      "AllowedMethods":[
         "HEAD",
         "GET"
      ],
      "AllowedOrigins":[
         "*"
      ]
   }
]

an 不适用于 pdf.js 或任何 javascript 代码。

只需在url中添加一个额外的参数，例如。

Case-1:
    var url = "https://xxxx.xxx.xxxxx?token=yyy";
    url = url + '&origin='+ window.location.host;

Case-2:
    var url = "https://xxxx.xxx.xxxxx";
    url = url + '?origin='+ window.location.host;