見出し画像

ActiveStorageで画像をブラウザ上に表示するコード




  <%= link_to image_tag(hoge.image, class: :aaa__img), oo_path, method: :get  %>


[特徴]

image_tag + hoge(ある変数の).image + oo_path(遷移する先)


[ポイント]
image_tag
ActiveStorageを呼び出すために必須の記述です。
これを記述することで、画像をブラウザ上に表示することができます。


[間違った記述]

hoge.image

↓

"hoge.image"   #””をつけることで文字列とする


この場合、””をつけることでhoge.imageを文字列として判断してしまい、
image_tagで呼び込めずにエラーが起こります。

ちなみに
hoge.title など元々文字列であるデータを読み込む場合は、
"#{hoge.title}"とすることで表示されます。






ご覧いただきありがとうございます。これはアウトプット用のnoteです。
よろしければアドバイスやコメント等お願いします!




この記事が気に入ったらサポートをしてみませんか?