imgタグで画像を表示したい

Question

#やりたいこと
Ruby on railsでWebサイトを作っています。
public/image_nameディレクトリに保存しているtop1.jpgを表示させたいです。

#現在のブラウザの表示
小さな画像のアイコンのみ表示されてしまっています。

#現在のコード
html.erb

<img src="<%= "public/post_images/#{@post.image_name}" %>" >

posts.controller

def create
  params[:title]
  params[:content]
  @post = Post.new(
    title: params[:title],
    content: params[:content],
    image_name: "top1.jpg"
  )
end

テーブルのカラム一覧

sqlite> PRAGMA table_info(POSTS);
0|id|integer|1||1
1|title|varchar|0||0
2|content|text|0||0
3|created_at|datetime|1||0
4|updated_at|datetime|1||0
5|image_name|varchar|0||0
sqlite> 

わかる方がいらっしゃいましたら、何卒ご教示お願いいたします。
また、補足で必要な情報があればご指摘いただけると幸いです。

Answer 1

Rails的に書くならば以下のようにImageTagってビューヘルパーを使うのが良いと思います。

<%= image_tag "/post_images/#{@post.image_name}" %>

Imgタグで書くならば、以下のようにすると正しく表示されるかもです。

<img src='<%= "/post_images/#{@post.image_name}" %>' >

• publicを無くす
• post_imagesの前にスラッシュ
• srcの直後はシングルクオート、パス部分はダブルクオート

Comments

[hakoco_12]

回答ありがとうございます。
image_tagを使ってみました！
現状は変化がないのですが、#{@post.image_name}の部分を画像のファイル名であるtop1.jpgに置き換えると正確に画像が表示されました。

なぜ#{@post.image_name}では表示されないのか、カラムなのかアクション内の定義なのか原因がわかりまセん。何か他に気になるところがあれば教えていただきたいです…。

[hatsu]

@post.newしかしてないので、@postがちゃんと定義されてないのかもですね。
以下のように、PostをnewではなくCreateしてあげると@postが定義されます。
そうすると@post.image_nameがView側でちゃんと参照できるようになるかな、と。
```
@post = Post.create(
title: params[:title],
content: params[:content],
image_name: "top1.jpg"
)
```

[hakoco_12]

回答ありがとうございます。

Post.createで書いてみましたが、やはり変わらなかったです、、、

試しに
image_name = "top1.jpg"
をcreateアクションから消してみたところ、ブラウザの表示が全く変わりませんでした。
やはりうまく定義ができていないのかもしれません。もう少し調べてみます。