2011-12-23 37 views
5

Tôi không quen với plugin tải lên/thư viện tệp jquery.tải lên tệp jquery với đường ray carrierwave/s3

Tôi đang cố gắng xây dựng trình tải lên hình ảnh tải hình ảnh qua jquery/ajax trên giao diện người dùng, vì vậy tôi không phải cập nhật trang web khi hình ảnh được tải lên và sau đó gửi nó tới phần phụ trợ cho nhà cung cấp dịch vụ để nó được lưu trong amazon s3.

tôi có: backend: carrierwave + sương mù để lưu trữ trên amazon S3 frontend: jquery - FileUpload Plugin điều duy nhất tôi tìm thấy để cho tôi một số gợi ý là https://github.com/blueimp/jQuery-File-Upload cùng với bản demo của nó, nhưng tôi thậm chí không chắc chắn là kho lưu trữ hướng dẫn hay cũng là mã nguồn cho thư viện? tải tệp lên qua jquery và sử dụng tệp tải lên có vẻ quá phức tạp nếu jQuery-File-Upload là một ví dụ.

Trên kịch bản cà phê của tôi đây là những gì tôi có

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() 

Mã này không thực hiện cuộc gọi đến router của tôi trên đường ray, nhưng không gửi bất kỳ tập tin hình ảnh trên (Tôi đã kiểm tra trong tab mạng trên chrome) Vì vậy, tôi không biết liệu điều này có đúng không? Có nơi nào tôi có thể tìm thấy tài liệu về tải tệp lên không? Jquery trang web không có bất cứ điều gì ... Đối với dự án của tôi, tôi cần kéo và thả quá, do đó, có một thư viện jquery tốt hơn? (với các ví dụ tốt)

Cảm ơn!

Trả lời

0

Trang wiki cung cấp hướng dẫn chi tiết và mã về cách thiết lập nó. Tôi có cùng một thiết lập và nó hoạt động mà không có bất kỳ vấn đề gì đối với tôi.

Nếu bạn muốn cho phép người dùng chọn nhiều file cùng một lúc: https://github.com/blueimp/jQuery-File-Upload/wiki/Rails-setup-for-V6-(multiple)

Nếu bạn chỉ muốn cho phép chọn một tập tin trong hộp thoại file: https://github.com/blueimp/jQuery-File-Upload/wiki/Rails-setup-for-V6

Hope this helps.

Các vấn đề liên quan