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を指定。
これでオリジナルのボタンにできた。
元記事に感謝です。