图像不会显示在AWS S3上托管的静态页面上

Question

在S3中，我有一个index.html，一个CSS文件和一个包含3个jpg文件的images文件夹。我将jpgs剪切并粘贴到S3文件夹中。他们表现出来了。我根据说明设置显示策略以显示给每个人。页面显示，但图像没有。我得到alt文本和工具提示，但没有图像。在页面上，当我右键单击“新建”选项卡中的“打开图像”时，我收到XML格式的“拒绝访问”消息。该页面是：http://s3.amazonaws.com/pittsfordcommunitycenter/index.html

我的开发PC上显示图像。我在AWS中尝试过很多东西，包括文档建议的内容。我需要改变什么？

Answer 1

这是您的index.html网址：

http://s3.amazonaws.com/pittsfordcommunitycenter/index.html

这是您的第一个图像网址，它缺少存储桶名称：

http://s3.amazonaws.com/images/WheelchairInElevator_w_475.jpg

图片网址实际应为：

http://s3.amazonaws.com/pittsfordcommunitycenter/images/WheelchairInElevator_w_475.jpg

根据index.html文件的位置查看您的网页来源，所有图片路径应以./images/而不是../images/开头。由于它适用于您的本地计算机，因此我猜测您的本地index.html位置与图像文件的位置不同。

Answer 2

AWS域链接区分大小写，这与您的本地计算机不同。 在AWS S3静态网站托管中

../images/WHEELCHAIRINELEVATOR_W_475.JPG is **NOT EQUAL** to
../images/wheelchairinelevator_w_475.jpg