More than 3 years have passed since last update.

railsのfile_fieldにおける画像アップロードボタンのデザインの変更方法

Posted at 2021-03-29

#環境
ruby 2.6.5
rails 6.0.0

#やりたいこと
画像をアップロードする際に，アイコンをクリックするとファイル選択に移るようにしたい

#実装

<%= f.label :image, class: "far fa-image" do %>
  <%= f.file_field :image, style:"display:none;" %>
<% end %>

上記のコードを任意のforループの中に挿入する．このときid値は同様のものにしておく必要がある．

#あとがき
labelについての理解が浅いことがわかって良かったです．