小编rma*_*ena的帖子

如何在Rails simple_form中实现Jasny的bootstrap文件上传样式扩展?

我想使用Jasny的Twitter Bootstrap扩展设置我的Rails simple_form图像上传字段.我已经(成功)使用CarrierWave上传图像.

目前,我的表单工作,代码看起来像这样(我已经删除了一些html,一些表单字段和设计错误消息代码)为清楚起见:

<%= simple_form_for(resource, :as => resource_name, :url => registration_path(resource_name), :html => {class: "form-horizontal", :method => :put }) do |f| %>

  <%= f.input :username, :label => "username" %>

  <%= f.simple_fields_for :picture do |pic| %>
    <%= pic.input :image, :as => :file, :label => "upload a photo" %>
  <% end %>

  <%= f.input :current_password, :label => "enter password to confirm update(s)" %>
  <%= f.button :submit, "Update", class: "btn btn-success" %>

<% end %>
Run Code Online (Sandbox Code Playgroud)

"simple_fields_for:picture"部分产生以下HTML:

<div class="control-group …
Run Code Online (Sandbox Code Playgroud)

javascript file-upload ruby-on-rails carrierwave simple-form

6
推荐指数
1
解决办法
7252
查看次数