読者です 読者をやめる 読者になる 読者になる

input type="file" のボタンをオリジナルのボタンにする(simple form編)

HTML5 - input type="file" のボタンをオリジナルのボタンにする。 - Qiita
こちらの記事を参考に、simple formでファイルを「選択する」ボタンを装飾した。

# 1 元のボタン(非表示指定)
<%= f.input :image, :label => false, :input_html => { :onchange => "$('#fake_input_file').val($(this).val())", :style => "display:none;" } %>
# 2 デザイン用の疑似ボタン
<input type="button" value="ファイル選択" onClick="$('#entry_image').click();" class="btn">
# 3 送信ボタン
<%= f.button :submit %>

参考にさせていただいた記事との違いは、#1の部分。
ここだけsimple_formを使っている。:input_htmlで:onchangeと:styleを指定。

これでオリジナルのボタンにできた。
元記事に感謝です。