在rails上自定义file_field按钮ruby

Question

我正试图摆脱丑陋的按钮rails作为文件上传的默认值.我想添加一个glyphicon

  <%= f.file_field :image_url, class:"glyphicon glyphicon-camera" %>

这不起作用,我在这个页面上看到的不同帖子中尝试了其他的东西,但他们没有附加文件.

Answer 1

你可以用css来做.

HTML:

<div class="image-upload">
   <label for="file-input">
     <span class="glyphicon glyphicon-camera"></span>
   </label>

   <%= f.file_field :image_url, id:"file-input" %>
</div>

CSS:

.image-upload > input
{
   display: none;
}
.image-upload > label{
  cursor:pointer;
}

你可以在这里找到工作的例子