画像投稿ボタンのCSS

なんとなく納得いかなかったけど忘れない為にメモ。

form_for
<label>
　<span class="btn btn-primary">
　　<input type="file" style="display:none" name="product[product_image]" include_hidden="false" >
     編集してください
　</span>
</label>
end

こうなる。
name部分はProductモデルのproduct_image_idカラム。使用gemはrefile。
f.attachment_fieldだとうまいこといかなかったのでinputタグを使用。labelタグで囲わないと画像を選択できない。なんでや。

追記
後日動作を確認したら選択はできてもupdateがされてなかった。腹立ったし時間もないのでf.attachment_fieldのデフォルトで動かすことにする。あーもー！