Ruby on rails 3.2 如何使用带剪贴簿的Remotipart上传图像并在表单上显示缩略图

我使用的是回形针和Rails 3.2

我已经安装了Remotipart gem

具有图像附件的我的模型：

class Resource < ActiveRecord::Base
     has_attached_file :image, :styles => { :thumb => "50x50>", :small => "150x150>", :medium => "200x200>" },
                                :storage        => :s3,
                                :s3_credentials => "#{Rails.root}/config/s3.yml",
                                :path           => ':attachment/:id/:style.:extension'

      validates_attachment_presence :image
      validates_attachment_size :image, :less_than => 5.megabytes
      validates_attachment_content_type :image, :content_type => ['image/jpeg', 'image/png']
     end

类资源{:thumb=>“50x50>”，：small=>“150x150>”，：medium=>“200x200>”，
：storage=>：s3，
：s3_credentials=>“#{Rails.root}/config/s3.yml”，
：path=>':attachment/：id/：style.：extension'
验证\u附件\u是否存在：映像
验证\u附件\u大小：图像，：小于=>5.MB
验证附件内容类型：图像，内容类型=>['image/jpeg'，'image/png']
结束

表格如下：

<%= form_for @resource, :html => { :class => 'form-horizontal' } do |f| %>
  <fieldset>
    <legend><%= controller.action_name.capitalize %> Resource</legend>

    <div class="control-group">
      <%= f.label :title, :class => 'control-label' %>
      <div class="controls">
        <%= f.text_field :title, :class => 'text_field' %>
      </div>
    </div>

    <div class="control-group">
      <%= f.label :url, :class => 'control-label' %>
      <div class="controls">
        <%= f.text_field :url, :class => 'text_field' %>
      </div>
    </div>

    <div class="control-group">
      <%= f.label :description, :class => 'control-label' %>
      <div class="controls">
        <%= f.text_field :description, :class => 'text_field' %>
      </div>
    </div>

    <div class="control-group">
      <%= f.label :author, :class => 'control-label' %>
      <div class="controls">
        <%= f.text_field :author, :class => 'text_field' %>
      </div>
    </div>

    <div class="control-group">
      <%= f.label :price, :class => 'control-label' %>
      <div class="controls">
        <%= f.number_field :price, :class => 'number_field' %>
      </div>
    </div>

    <div class="control-group">
      <%= f.label :category_id, :class => 'control-label' %>
      <div class="controls">
        <%= f.collection_select(:category_id, Category.all, :id, :name, {:prompt => 'Please select a Category'}) %>
      </div>
    </div>


  <div class="control-group">
      <%= f.label 'file types', :class => 'control-label' %>
      <div class="controls">      
        <% Filetype.all.each do |filetype| %>
        <%=check_box_tag "resource[filetype_ids][]", filetype.id, @resource.filetypes.include?(filetype) %>
        <%=filetype.abbreviation %>
      <% end %>
    </div>  
  </div>

 <div class="control-group">
      <%= f.label :image, :class => 'control-label' %>
      <div class="controls">   
        <%= f.file_field :image %>
      </div>
</div>
    <div class="form-actions">
      <%= f.submit nil, :class => 'btn btn-primary' %>
      <%= link_to 'Cancel', resources_path, :class => 'btn' %>
    </div>
  </fieldset>

{:class=>'form horizontal'}do | f |%>
资源
'控件标签'%>
'文本\字段'%>
'控件标签'%>
'文本\字段'%>
'控件标签'%>
'文本\字段'%>
'控件标签'%>
'文本\字段'%>
'控件标签'%>
'编号\字段'%>
'控件标签'%>
'请选择一个类别'}）%>
'控件标签'%>
'控件标签'%>
“btn btn主节点”%>
'btn'>

我想能够上传文件时，文件被选中，然后显示一个缩略图给用户。我知道RemotipPart应该帮助简化此过程，但我不知道如何使其工作

有人给我指出正确的方向吗

更新： 我想能够上传文件只使用ajax，以便缩略图可以显示上传的图像。因此表单本身可能不会通过ajax提交，但文件上传应该是这样的

---

有什么方法可以做到这一点吗？

您是否阅读了remotipart的文档？它用于通过ajax进行远程表单上传。你没有远程表单

看

好消息是，您可能根本不需要使用remotipart