画像が表示されない
画像が表示されない
phpにて簡単なホームページを作成しております。
画像を何枚か表示させたいと思い実装中にエラーが発生しており、画像がうまく表示されず
手こずっております。解決方法ありましたらぜひご教授願います。
発生している問題・エラー
該当するソースコード
自分で試したこと
pathに間違いがないか、確認を行ない外部検索を用いて画像表示されるかどうか、チャレンジしてみましたが、（not found 404)から変わる気配がなしみたいです…
0
1Answer
スクリーンショットからMac上のMAMPという環境を使い、WebサーバがApacheでドキュメントルート(DocumentRoot: Web公開するファイルを置くディレクトリの場所)が、「/Applications/MAMP/htdocs/」であると予想します。
ドキュメントルートからのパスとなるので、「04_php_form/cafe/img/fb.png」「/04_php_form/cafe/img/fb.png」のような指定になるかと思います。
0Like
Comments
@yopisan
Questioner
お返事ありがとうございます。
@mochi_yu2さんご指摘の通りのやり方も試してみたのですが、表示されるエラーログ
が当初の時と特に変わらずでした- 上記の回答ですが、申し訳ありません。一部訂正します。
ドキュメントルートからの「ルート相対パス」の書き方のため、最初に`/`が抜けておりました。
<img src="/04_php_form/cafe/img/fb.png"> のようになります。
ブラウザから直接
http://localhost:8888/04_php_form/cafe/img/fb.png
にアクセスし、画像が表示されるようであれば上の書き方で表示されるのではないのかなと思います。 @yopisan
Questioner
@mochi_yu2さんの言われた<img src="/04_php_form/cafe/img/apple.png">の通りにしてみても、（not found)となっており、その後色々試してみたところ、解決いたしました。相対パスに<img src="/cafe/img/apple.png">で一度リロードしてみると、画像が表示されました。なぜなのか、まだわかっていないいので、理解できるようにして精進していきます。コメントもだいぶ助かりました。ありがとうございました。- 自己解決されて良かったです。
「ルート相対パス」による指定で、<img src="/cafe/img/apple.png"> で表示されたとのことでしたので、「DocumentRoot」が、「/Applications/MAMP/htdocs/04_php_form」であると推測します。
参考:「【Mac】MAMP のドキュメントルートを「htdocs」から変更する方法」
https://qiita.com/ndj/items/d837a9f20709bb5ec3d8
DocumentRootが「/Applications/MAMP/htdocs/04_php_form」であるとき、1枚目のスクショの
「http://localhost:8888/img/apple.png 404 Not Found」というエラーは、「/Applications/MAMP/htdocs/04_php_form/img/apple.png」という場所に、画像ファイルがないということを言っています。
「404 Not Found」は、HTTPステータスコードを表示しているかと思います。
参考:「HTTP レスポンスステータスコード」
https://developer.mozilla.org/ja/docs/Web/HTTP/Status @yopisan
Questioner
参考資料ありがとうございます。これら参考にしながら、パスの関係性など知識を深めていきます。
ありがとうございました。