Por alguna razón, el uso de la gema CarrierWave con Ajax no parece funcionar para mí. ¿Estoy haciendo algo mal? Seguí bien el 253 CarrierWave Railscast y funciona sin AJAX, pero en mi aplicación necesito usar AJAX. Aquí está mi código:¿Funciona la gema CarrierWave de Ruby on Rails con Ajax?
La lista params después de seleccionar un archivo JPEG en el campo de archivo de imagen:
Parameters: {"item"=>{"remote_image_url"=>""}}
new.html.erb:
<%= form_for(@item, :url => create_item_path, :html => {:id => "create_item_form", :multipart => true}) do |f| %>
<p>
<%= f.file_field :image %>
</p>
<p>
<%= f.label :remote_image_url, "or image URL" %><br />
<%= f.text_field :remote_image_url %>
</p>
<%= f.submit "Save", :id => "save_button" %>
<% end %>
application.js
$("#create_item_form").submit(function() {
$.ajax({
type: "POST",
url: $(this).attr("action"),
dataType: "script",
data: $("#destination_item").sortable('serialize') + "&" + $(this).serialize()
});
return false;
});
item.rb
class Item < ActiveRecord::Base
attr_accessible :description, :image, :remote_image_url
belongs_to :user
has_many :item_sub
mount_uploader :image, ImageUploader
end
schema.rb
create_table "item", :force => true do |t|
t.integer "user_id"
t.string "title"
t.string "image"
t.datetime "created_at"
t.datetime "updated_at"
end
que tienen la gema carrierwave en mi Gemfile y no he cambiado nada en la aplicación/cargadores/image_uploader.rb.
¡Gracias por toda su ayuda!
¿Me darás mi recompensa entonces? – TheDelChop
Como se señala en la otra respuesta a continuación, a menos que necesite admitir navegadores más antiguos [XHR2] (http://caniuse.com/#feat=xhr2) ha sido compatible con 'FormData' desde hace algún tiempo. Vale la pena intentarlo si está disponible para ti y solo recurrir a otras bibliotecas para obtener soporte heredado. – mczepiel
En este punto, esta respuesta está desactualizada. HTML5 tiene las API FormData y File que permiten la carga de archivos a través de AJAX. Ver [aquí] (http://stackoverflow.com/questions/166221/how-can-i-load-files-asynchronously/8758614#8758614) para más información. –