Question

我有一个rails应用程序，可以从Amazon S3上传和显示图像。我也有问题在Chrome中显示一些这些图片！

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

这不会在Chrome中加载，但在Firefox和Safari中加载就好了。

以一种真正神秘的方式，this image，通过同一系统上传到同一个Amazon S3存储桶，加载得很好[授予，它是一种不同的格式，但我不确定是否重要]

以下是我正在尝试解决这些问题的页面的link - “按下照片”部分下方的照片一直在底部，但在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不是很熟悉。

Amazon S3图像未加载chrome

2 个答案: