Q&A
画像では拡張子が.erbになっていますが、なんらかのフレームワーク経由で表示しているのでしょうか。それともそのままChromeで表示しているのでしょうか。
前提・実現したいこと
ページに画像を表示させたい
発生している問題・エラーメッセージ
img src のパスも正確だと思うのですが、ページを開くと画像が表示されていません。
（代わりにファイルのロゴのようなものは出ている）
試したこと
サイトに書かれているような物は確認して試した
(コード、拡張子、パスなどの確認)
補足情報（FW/ツールのバージョンなど）
vscode / google chrome
回答1件
0
ベストアンサー
「Chrome」をお使いということで、キャッシュが更新されていないかもしれませんね。
以下の手順でキャッシュのリフレッシュをお試しください。
- Chromeにて当該ページを開く。
- [F12]押下。
- ブラウザ左上の更新ボタン（丸い矢印）を右クリック。
- 選択肢から「キャッシュの削除とハード再読み込み」をクリック。
投稿2020/04/30 11:34
退会済みユーザー
総合スコア0
回答ありがとうございます！
やってみましたが、何も変わりませんでした...
なるほど。
お見受けしたところ、imgタグのsrcは相対パスになっていますが、これを絶対パスに変えて、そのパスをブラウザのURL欄に直接入力してください。まずは、それで画像が表示されますでしょうか？
フォルダ構造を見る限り、MVCを使用されていると思いますが、ルーティングによって、画像へのパスが正しく指示されていない可能性も考えられます。
はい、正常に表示されます。
では、imgタグのsrcを、その絶対パスに変えて、ページを表示してみてください。
表示されませんでした。
表示されたsrcパスと、ページのソース（CTRL + U）のsrcを比較してみてください。違いがありませんか？
違いはありませんでした。
[F12]押下で表示される方のソースはいかがですか？
そちらも違いはなさそうでしょうか。
はい、やはり違いはなさそうです。
あなたの回答
tips
プレビュー
