Проблемная скрепка с ajax - PullRequest
Новая
       19

Проблемная скрепка с ajax

0 голосов
/ 03 февраля 2011

Я читаю этот урок: http://sleekd.com/general/adding-multiple-images-to-a-rails-model-with-paperclip/ потому что мне нужно сохранить изображения продукта в независимой модели. Однако при выполнении Product.create не сохраняйте данные для модели изображений продуктов.

ПРИМЕЧАНИЕ: я использую действие нового пакета, потому что мне нужно использовать ajax для создания нового продукта.

Пожалуйста, мне нужна помощь.

Мой код

Контроллеры 

    class Admin::PacksController < ApplicationController
      def new
        @pack = Pack.new
        @product = Product.new
        4.times {@product.product_images.build} # added this
        respond_to do |format|
          format.html # new.html.erb
          format.xml  { render :xml => @pack }
        end
      end

      def create_starred_product
        product = Product.new(params[:product])
        product.save
...

      end

View 

<% form_remote_for @product, :url => {:controller => "products", :action => "create_starred_product"}, :html => {:multipart => true} do |f| %>
      <div id="content">
....#OTHER FIELDS OF PRODUCT. ITS SAVE METHOD IS OK
        <div id="images-selector">
          <span class="fleft">Imágenes</span><br/>
          <% count = 0 %>
          <% f.fields_for :product_images do |builder| %>

              <% if builder.object.new_record? %>
                  <label>
                    Imagen <%= "#{count = count + 1}" %>
                  </label>
                  <%= builder.file_field :photo, :class => "textarea" -%><br/>
              <% end %>
          <% end %>
        </div>
        <p><%= f.submit "Crear" %></p>
      </div>
  <% end %>

Модель 

class Product < ActiveRecord::Base
  has_many :packs, :through => :pack_products
  has_many :product_images, :dependent => :destroy
  #PAPERCLIP
  accepts_nested_attributes_for :product_images, :reject_if => lambda { |t| t['product_image'].blank? }
end

class ProductImage < ActiveRecord::Base
  belongs_to :product
  has_attached_file :photo, :url => "/:attachment/:class/:id/:style_:basename.:extension", :styles => { :medium => "300x300>", :thumb => "100x100>", :small => "30x30>" }
end

Ответы [ 5 ]

2 голосов
/ 03 февраля 2011

Вы не можете загружать файлы, используя AJAX, как вы сказали. Однако существуют альтернативные решения.

Обычная техника для достижения этой цели - использование iframe. Посмотрите здесь , это руководство ориентировано на attachment_fu, но оно будет работать и со скрепкой. Uploadify стоит проверить и может также использоваться с скрепкой на рельсах 2,3 и рельсах 3 .

0 голосов
/ 13 октября 2012

Еще один камень, помогающий решить эту проблему, я только что обнаружил, когда у меня возникла такая же проблема: remotipart - Настоятельно рекомендуется.

0 голосов
/ 17 февраля 2011

Проблема была во вложенных атрибутах form.later Я разместил код

0 голосов
/ 08 февраля 2011

Вы найдете две версии загрузки ajax на https://github.com/apneadiving/Pic-upload---Crop-in-Ajax.

Филиал master: используется http://aquantum -demo.appspot.com / file-upload

Филиал uploadify: используется Uploadify: http://www.uploadify.com/

Оба имеют встроенный Crop.

0 голосов
/ 04 февраля 2011

Я нашел решение вместе с моим партнером.

Моя ошибка была в форме вложенных атрибутов, нет в Ajax. Поэтому я нашел решение использовать скрепку с Ajax. Теперь я разместил пример кода.

Однако я объясняю код.

Модели

Две модели

Товар и товар_изображения

Я хотел, чтобы, когда я создавал продукт в форме AJAX (каждый продукт принадлежит к упаковке) Каждый продукт имеет много изображений в модели product_images. Поэтому я тоже хотел сохранить изображения.

код

Контроллер Ajax action 

class ProductsController < ApplicationController
      def create_starred_product
        product = Product.new(params[:product])
        product.save

        render :update do |page|
          page.replace_html 'star-product', :partial => "admin/products/star_product_name", :locals => {:star_product => product}
          page.call "$j.modal.close"
        end
end

  end

Модель

Изделия модели 

class Product < ActiveRecord::Base
  has_many :packs, :through => :pack_products
  has_many :product_images, :dependent => :destroy

  #PAPERCLIP
  accepts_nested_attributes_for :product_images#, :reject_if => lambda { |t| t['product_image'].blank? }

  has_attached_file :photo, :url => "/:attachment/:class/:id/:style_:basename.:extension", :styles => { :medium => "300x300>", :thumb => "100x100>", :small => "30x30>" }

Модель изображения продукта 

class ProductImage < ActiveRecord::Base
  belongs_to :product

  has_attached_file :photo, :url => "/:attachment/:class/:id/:style_:basename.:extension", :styles => { :medium => "300x300>", :thumb => "100x100>", :small => "30x30>" }
end  

end

Просмотр всплывающего окна в ajax (это частичное) 

<script type="text/javascript">
    $j(document).ready(function() {
        $j('#product_submit').click(function(event) {
            event.preventDefault();
            $j('#uploadForm').ajaxSubmit({
                beforeSubmit: function(a, f, o) {
                    o.dataType = 'json';
                },
                complete: function(XMLHttpRequest, textStatus) {
                    // XMLHttpRequest.responseText will contain the URL of the uploaded image.
                    // Put it in an image element you create, or do with it what you will.
                    // For example, if you have an image elemtn with id "my_image", then
                    //  $('#my_image').attr('src', XMLHttpRequest.responseText);
                    // Will set that image tag to display the uploaded image.
                }
            });
        });
    });
</script>
<div id="new-starred-product" class="popup clearfix">
    <div id="header">Nuevo producto estrella</div>
  <% remote_form_for @product, :url => {:controller => "products", :action => "create_starred_product"}, :html => {:method => :post, :id => 'uploadForm', :multipart => true} do |f| %>
      <div id="content">
        <label>Nombre:</label> <%= f.text_field :name, :class => "textarea" %>
        <br/>
        <label>Precio:</label> <%= f.text_field :price, :class => "textarea" %>
        <br/>
        <%#= f.file_field :photo %>
        <div id="images-selector">

          <% count = 0 %>
          <%# f.fields_for "product_images_attributes[]", ProductImage.new do |builder| %>
          <% f.fields_for :product_images, 4.times {ProductImage.new} do |builder| %>
              <% if builder.object.new_record? %>
                  <label>
                    Imagen <%= "#{count = count + 1}" %>
                  </label>
                  <%= builder.file_field :photo, :class => "file-upload" -%><br />
                  <br/>
              <% end %>              
              <%#= builder.text_field :testfield %>
<!--ACA VA EL CODIGO PARA IMAGENES-->
          <% end %>
        </div>
        <br/>
        <label>Descripción</label><%= f.text_area :description, :rows => 10, :class => "textarea clearfix" -%>
        <br/>

        <p>
          <%#= f.submit "Crear" %>
        <%= link_to "Crear", "#", :id => "product_submit" %>
        </p>
      </div>
  <% end %>
</div>

Я использую плагин jquery и jquery-form (поиск в google)

...