@falconao (Tomoki Ichikawa)posted at 2021-06-28

HTMLでの画像表示について。ActionController::RoutingError (No route matches [GET] "/IMG_4636.JPG"):

Q&A

解決したいこと

HTMLでの画像表示について
初学者の質問です

発生している問題・エラー

ActionController::RoutingError (No route matches [GET] "/IMG_4636.JPG"):

該当するソースコード

app>views>home>about.html.erb

<div class="top-image">
            <img src="IMG_4636.JPG" width="1429" height="951" border="0">
            <img src="https://article-image-ix.nikkei.com/https%3A%2F%2Fimgix-proxy.n8s.jp%2FDSXZQO0184756013012021000000-1.jpg?w=680&h=452&auto=format%2Ccompress&ch=Width%2CDPR&q=100&fit=crop&bg=FFFFFF&ixlib=js-1.4.1&s=82df8d3bf039d6a8bc7607fd6c5666bc" width="1429" height="951" border="0">
</div>

自分で試したこと

相対パス、絶対パスの記事を読み理解しました。
下の絶対パスで記述されている
<img src="https://article-image-ix.nikkei.com/https%3A%2F%2Fimgix-・・・・・・
の画像は正しく表示されます。

しかし上のIMG_4636.JPGは表示されません。

同じ階層に画像データを保存しているので、「img src="IMG_4636.JPG"」のままで良いと考えています。

どなたかご教授いただけないでしょうか。

1Answer

@uasi posted at 2021-06-28

ソースコードの階層と実際に画像ファイルが配信される URL 階層は異なります。

画像データは public/assets または app/assets/images に保存し、ビューからは <%= image_tag "IMG_4636.JPG", width: 1429 height: 951, border: 0 %> タグで参照してください。

参考ドキュメント： https://railsguides.jp/asset_pipeline.html

0Like

Comments

@falconao
Questioner
ご回答ありがとうございます！
app/assets/imagesに保存し、ビューで
<%= image_tag "IMG_4636.JPG", :size =>'1430x951' %>
で参照するとうまくいきました！
ありがとうございましたm(_ _)m

Are you sure you want to delete the question?