Ruby on Rails Carga de archivo AJAX

Question

¿Hay alguna manera fácil de manejar la carga de archivos AJAX en Rails? p.ej. con un complemento

Answer 1

Seguramente es posible, here Tiene un tutorial y un par de enlaces a complementos.

Answer 2

Si está utilizando Rails 3, he escrito un complemento que hace que las cargas de archivos de estilo AJAX sean relativamente triviales para implementar.

http://rubygems.org/gems/remotipart

Answer 3

jQuery Carga de archivos es proyecto de widget de carga de archivos muy activo y versátil.

Ver la demo aquí: http://blueimp.github.com/jQuery-File-Upload/

Aquí es una joya: http://rubygems.org/gems/jquery.fileupload-rails

El wiki también tiene Rieles ejemplos: https://github.com/blueimp/jQuery-File-Upload/wiki

Answer 4

en realidad no es necesario el uso de algunos plugins especiales para ello. La manera más fácil de hacer la carga de imágenes ajax para mí fue simplemente hacer que la carga de imágenes actuara como ajax. Para eso uso el plugin jQuery ajaxForm: http://www.malsup.com/jquery/form/ Luego de regresar a la imagen cargada js y ponerla en su página.

Por lo tanto, usted debe tomar su forma sea ajaxForm:

$('#uploader').ajaxForm({dataType: "script", 
     success: ajaxFormErrorHandler, 
     error: ajaxFormSuccessHandler 
} 

controler se ve así:

def add_photo 
    @photo = PhotosMeasurement.new(params[:user_photo]) 
    respond_to do |format| 
     if @photo.save 
     format.json { render :json => @photo} 
     else 
     format.json { render :json => nil} 
     end 
    end 
    end 

y en ajaxFormSuccessHandler sólo tiene que obtener la imagen de objeto:

var photo = jQuery.parseJSON(responseText.responseText); 

y poner foto donde quieras:

target.find('.addPhoto').before(''+ 
     '<input class="imageId" type="hidden" value='+photo.id+' > '+ 
     '<img src='+photo.photo.thumb.url+' alt="Thumb_1"> '); 

P.S: No sé realmente por qué, pero si regresa al manejador ajaxForm algo, maneja esa solicitud como ERROR no SUCCESS.

P.P.S: seguramente el plugin jQuery-File-Upload hace más, pero si no necesita todo eso, puede usarlo de esta manera.

P.P.P.S: usted debe tener la carga de archivos no ajax ya es funcional para hacer eso =)