jquery文件上傳與導航carrierwave/s3

Question

我不熟悉jquery文件上傳插件/庫。

我想建立一個圖片上傳器，通過前端的jquery/ajax加載圖片，所以我不必更新網站，因爲圖片上傳，然後發送到後端載波，所以它得到保存在亞馬遜S3。

我： 後端：carrierwave +霧在Amazon S3存儲 前端：jQuery的 - 文件上傳插件 我發現給我一些提示的唯一的事情就是與它一起演示https://github.com/blueimp/jQuery-File-Upload，但我甚至不能確定那個庫是教程還是庫的源代碼？ 通過jquery上傳文件並使用fileupload似乎太複雜，如果jQuery-File-Upload是一個例子。

在我的咖啡腳本這是我

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

此代碼撥打電話到我在軌道上的路由器，但在（我在網絡選項卡中勾選上不發送任何圖像文件鉻） 所以我不知道這是否是正確的？ 有沒有可以找到fileupload文檔的地方？ jquery網站沒有任何東西... 對於我的項目我也需要拖放，那麼有沒有更好的jQuery庫？ （有很好的例子）

謝謝！

Answer 1

看看https://github.com/yortz/carrierwave_jquery_file_upload。它是一個完整的例子，包括JQuery文件上傳，支持CarrierWave和S3。也許它可以幫助你。

Answer 2

維基頁面提供了關於如何設置它的詳細說明和代碼。我有相同的設置，它對我沒有任何問題。

如果你希望允許用戶同時選擇多個文件： https://github.com/blueimp/jQuery-File-Upload/wiki/Rails-setup-for-V6-(multiple）

如果你只希望允許選擇在文件對話框一個文件： https://github.com/blueimp/jQuery-File-Upload/wiki/Rails-setup-for-V6

希望這有助於。