2011-12-23 10 views
5

no estoy tan familiarizado con el archivo de jQuery Carga de Programas/bibliotecas.fileupload jQuery con rieles carrierwave/s3

Estoy tratando de crear un cargador de imágenes que cargue imágenes a través de jquery/ajax en la interfaz para no tener que actualizar el sitio cuando la imagen se cargue, y luego enviarlo al backend de carrierwave para que se guarda en el amazon s3.

que tengo: backend: carrierwave + niebla para almacenar en Amazon S3 frontend: jQuery - fileupload complemento la única cosa que me pareció que me diera algunos consejos era https://github.com/blueimp/jQuery-File-Upload junto con su demostración, pero no estoy siquiera seguro ¿ese repositorio es el tutorial o también el código fuente de la biblioteca? cargar el archivo a través de jquery y usar la carga de archivos parece demasiado complicado si jQuery-File-Upload es un ejemplo.

Por mi coffeescript esto es lo que tengo

initialize: -> 
    @render() 
    $.log "#{@name}: initialised" 
    $('#campaign_main_image').fileupload 
    $('#campaign_main_image').fileupload 'option' 
    dataType: 'json' 
    url: '/api/v3/upload' 
    dropZone: $('.campaign-editor-about .dropzone') 
    maxFileSize: 5000000 
    acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i 
    send: (e, data) => 
     $('#logo_wait').show() 
    done: (e, data) => 
     @model.set 
     logo: data.result.url 
     @model.save() 

Este código hace que la llamada a mi router sobre raíles, pero no envía ningún archivo de imágenes sobre (he comprobado en la pestaña de redes Chrome) Así que no sé si esto es incluso correcto? ¿Hay algún lugar donde pueda encontrar documentación para la carga de archivos? El sitio de Jquery no tiene nada ... Para mi proyecto, necesito arrastrar y soltar también, entonces ¿hay una mejor biblioteca de jquery? (Con ejemplos)

Gracias!

Respuesta

0

La página wiki proporciona instrucciones detalladas y el código sobre la manera de conseguir que creó. Tengo la misma configuración y funcionó sin ningún problema para mí.

Si desea permitir a los usuarios seleccionar varios archivos a la vez: https://github.com/blueimp/jQuery-File-Upload/wiki/Rails-setup-for-V6-(multiple)

Si sólo desea permitir seleccionar un archivo en el diálogo de archivos: https://github.com/blueimp/jQuery-File-Upload/wiki/Rails-setup-for-V6

Espero que esto ayude.