safari - Amazon S3 图像的临时 URL 在 IE 和 Firefox 中有效，但在 Safari 中无效

Question

我使用 Amazon S3 来托管图像。 S3 存储桶是私有(private)的，因此我生成一个临时 URL(使用 Right AWS )，有效期为 5 分钟，以允许渲染图像。 URL 如下所示(注意:下面的 URL 不起作用):

https://mybucket.s3.amazonaws.com:443/attachments%2F30%2Fsmall.png?Signature=J%2BXzQd95myCNv0Re8arMhuTFSvk%3D&Expires=1235511662&AWSAccessKeyId=1K3MW21E6T8LWBY94C01

这工作正常，我可以将 URL 粘贴到 Firefox 中并显示图像。 IE 也一样。但是，当我在 Safari 中尝试时，URL 似乎可以解析，但没有显示图像。同样，如果我尝试使用网页上 IMG 标记的 src 属性中的 URL，Safari 不会呈现任何内容(在所有其他浏览器中都正常)，例如:

alt text http://lylo.co.uk/screenshot.png

以前有人见过这种行为吗？你能指出我可能做错了什么(如果有的话)吗？

Answer 1

通过对我正在使用的 S3 库进行一些挖掘，我发现了这里的问题。

当您将文件上传到 S3 时，您必须设置 Content-Type header 。在我的情况下，我上传了两个文件，一个是内容类型为 application/pdf 的原始 PDF 文件，另一个是 PNG 格式的缩略图预览。我用来上传到 S3 的库确实设置了 Content-Type header ，但它将原始 PDF 和 PNG 缩略图的 header 设置为 application/pdf .

看来 Firefox 和 IE 会很高兴地从 S3 渲染 PNG 图像，即使它有错误的 Content-Type header ，而 Safari 根本不喜欢这样，因此不会渲染图像。

因此，修补我正在使用的 S3 库，以便在 PNG 缩略图上正确设置正确的 Content-Type header 解决了该问题。

唷。