AWS S3でホストされている静的ページに画像が表示されない

Question

S3では、index.html、CSSファイル、および3つのjpgファイルを含むimagesフォルダがあります。 jpgをS3フォルダにカットアンドペーストしました。彼らはそこにいるとして示した。私は指示に従って表示ポリシーを設定し、全員に表示します。ページは表示されましたが、イメージは表示されませんでした。 altテキストとツールチップが表示されますが、イメージはありません。このページで、「新しいタブでイメージを開く」を右クリックすると、XMLでアクセス拒否メッセージが表示されます。ページは：http://s3.amazonaws.com/pittsfordcommunitycenter/index.html

イメージは私の開発用PCに表示されます。私はAWSで多くのことを試しました。私は何を変更する必要がありますか？

Answer 1

これはあなたのindex.html URLです：

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

これは、バケット名が欠落しているあなたの最初の画像のURL、次のとおりです。

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

画像のURLは、実際にする必要があります：

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

あなたのページソースを見ると、index.htmlファイルの場所が与えられていると、すべてのイメージパス../images/の代わりに./images/で始まる必要があります。ローカルマシン上で動作するので、私はあなたのローカルindex.htmlの場所は、画像ファイルに相対的ではないと推測しています。