未在Chrome中加载Amazon S3图像

Question

我有一个Rails应用程序，可以从Amazon S3上传和显示图像。 在Chrome中显示其中一些图像时，我也遇到问题！

例如，使用以下链接： http : //s3.amazonaws.com/lafamos-dpk/system/images/2144/thumb/photo_2144.png?1333998967

这只是不会在Chrome中加载，但在Firefox和Safari中也可以加载。

通过真正的神秘方式，通过同一系统上传到同一Amazon S3存储桶的该图像可以很好地加载（当然，这是一种不同的格式，但我不确定这很重要）。

这是我要解决这些问题的页面的链接 -底部的“按照片”部分下的照片一直没有显示在Chrome中。

有什么想法吗？

谢谢！ 尤瓦尔

Answer 1

当您在Chrome浏览器中查看网站时，会遇到一些错误

Failed to load resource: the server responded with a status of 404 (Not Found) https://lafamos-dpk.s3.amazonaws.com/system/main_photos/58/small/artist_58.jpg?1291229622

。

<Error>
<Code>NoSuchKey</Code>
<Message>The specified key does not exist.</Message>
<Key>system/main_photos/58/small/artist_58.jpg</Key>
<RequestId>1F57BF9D9034CB18</RequestId>
<HostId>
U9HkrMYA6nISFRCt2cQ0Xy89uxkzBnJ2pDmlPz/yiCL4Wb74h9hlIg8eVU46+R7y
</HostId>
</Error>

图片是否存在？

Answer 2

图片的直接链接在Chrome和Firefox上都可以正常工作，但是您的img src链接似乎已损坏。 我在DevTools控制台中得到了这个：

Failed to load resource: the server responded with a status of 404 (NOT FOUND) http://flipsidetomusic.com/wp-content/uploads/2011/02/album_63.jpg
Port: Could not establish connection. Receiving end does not exist. lastError:29
set lastError:29
Port: Could not establish connection. Receiving end does not exist. lastError:29
set lastError:29

我将研究解决404错误。 另外，我今天遇到了HackerNews的讨论，可能指向问题的来源： https ://news.ycombinator.com/item?id=5514344

显然，Firefox默认情况下不会阻止SSL页面上的非SSL内容，但Chrome会阻止。 我将检查您的S3存储桶权限，授予，我对AWS不太熟悉。