53
41

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

<%= image_tag '画像ファイル名' %>で画像を表示

Posted at

##Railsでの画像の表示

html.erbファイルでブラウザ上に画像を表示させる方法について、仮に犬の写真のファイル名がdog.jpgだったとすると、html上では以下のように書くことで表示できます。

sample.html
<img src="dog.jpg" alt="[写真]">

ちなみにaltは画像が表示されなかった場合に「ここには画像があるよ〜」ってアイコンが出ますが、その中に表示される文字列になります。

ですが、Railsで画像を表示させようと思うとまた少し書き方が変わります。

sample.html.erb
<%= image_tag 'dog.JPG'%>

・・・となります。
画像サイズの指定なども方法が異なり、idやclassなどを使用してCSSで別に指定しなくても、以下のようにすることで画像サイズを指定できます。

sample.html.erb
<%= image_tag 'dog.JPG', :size =>'320x480' %>

とすることで、横320px、縦480pxに大きさを編集した画像の表示ができます。
この時、320と480の間にあるのが*(アスタリスク)ではなく、x(小文字のエックス)であることに注意。
最初僕もミスってエラー出ました(笑)

画像サイズ意外にも、「, :コマンド =>''」でいろいろ指定できますので、興味があれば調べてみてください。
(そしてコメントか何かで僕にも教えてください・・・)

53
41
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
53
41

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?