jquery fileupload with rails carrierwave/s3

Question

jqueryファイルをアップロードするプラグイン/ライブラリに慣れていません。

フロントエンドでjquery/ajax経由でイメージを読み込むイメージアップローダーを構築しようとしていますので、イメージがアップロードされるとサイトを更新する必要はなく、キャリアウェイにバックエンドに送信しますamazon s3に保存されます。

私が持っている： バックエンド：carrierwave +霧アマゾン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サイトには何もありません。 私のプロジェクトでは、ドラッグ＆ドロップも必要です。 （良い例があります）

ありがとう！

Answer 1

https://github.com/yortz/carrierwave_jquery_file_uploadをご覧ください。 JQuery File Upload、CarrierWaveとS3を含む完全な例です。おそらくそれはあなたを助けることができます。

Answer 2

wikiページには、セットアップ方法の詳細な手順とコードが記載されています。私は同じセットアップがあり、それは私のために何の問題もなく働いた。

ユーザーが一度に複数のファイルを選択できるようにしたい場合：このことができます https://github.com/blueimp/jQuery-File-Upload/wiki/Rails-setup-for-V6

希望：あなたが唯一のファイルダイアログ内の1つのファイルを選択できるようにしたい場合は https://github.com/blueimp/jQuery-File-Upload/wiki/Rails-setup-for-V6-(multiple）

。