Как использовать Remotipart с paperclilp для загрузки изображения и отображения миниатюры в форме - PullRequest
Новая
       14

Как использовать Remotipart с paperclilp для загрузки изображения и отображения миниатюры в форме

0 голосов
/ 07 марта 2012

Я использую скрепку и Rails 3.2

Я установил гем Remotipart.

Моя модель с вложенным изображением: 

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

Вот форма: 

<%= 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>

Я хочу иметь возможность загружать файл, когда он выбран, а затем показывать миниатюру пользователю. Я понимаю, что Remotipart должен помочь сделать это легко, но я не знаю, как заставить это работать.

Кто-нибудь указывает мне правильное направление?

Обновление: Я хочу иметь возможность загружать файл только с помощью ajax, чтобы можно было показать эскиз загруженного изображения. Таким образом, сама форма не может быть отправлена ​​через ajax, но загрузка файла должна.

Есть ли способ сделать это?

1 Ответ

0 голосов
/ 07 марта 2012

Вы читали документацию для remotipart?Это для удаленной загрузки форм через ajax.У вас нет удаленной формы.

См. https://github.com/JangoSteve/remotipart

Хорошая новость заключается в том, что вам, вероятно, вообще не нужно использовать remotipart!

...