問題タブ [jquery-fileupload-rails]

Rails アプリで優れた jQuery File Upload を使用して、複数の画像をアップロードしたいと考えています。

だから私はそれについて Railscasts に従いました:

• jquery-fileupload-rails gemを追加する
• 私のapplication.jsに必要なものを追加してください
• 写真用のフォームを作成する
• 「housings.coffee」というファイルで FileUpload を初期化します。

しかし、ドラッグ アンド ドロップを使用するか、[ファイルを追加...] をクリックして複数の画像をアップロードしようとしても、なぜ何も起こらないのかわかりません。

「送信」ボタンを押すと、各画像は正常に保存されます。

助けてください。私は本当に立ち往生しています。

どうもありがとう！

application.js ```

ハウジング.コーヒー

ハウジング/_form.html.erb

Housings_controller.rb > インデックス

Rails では、この Heroku の記事に従って、S3 バケットにファイルを直接アップロードできるようにしました。以前の実装ではマルチパート アップロード (つまり、大きなファイル) が機能しなかったため、実際にこの記事に従いました。このメソッドを実装すると、非常に大きなファイルを除いて、大きなファイルが正常にアップロードされました。

awsRails のバージョンのため、gemの v1 を使用しているという点で、この記事から少し逸脱していることに注意してください。

これが私のセットアップ方法です：

前述のように、これは大きなファイル (〜 1 GB) で機能しますが、たとえば 10 GB のファイルをアップロードしようとすると、ほとんどアップロードされた状態になり、ランダムに失敗します。20分後のときもあれば、1時間後のときもあります。署名付き URL の有効期限が切れているのではないかと思い、 で明示的に長い有効期限を設定しましたexpires: Time.now + 4.hoursが、うまくいかないようでした。

誰かが何かアイデアを持っていれば、これについて何か助けていただければ幸いです!

アップデート

を使用する@bbozoの回答を試しましmaxChunkSizeたが、残念ながらそれはうまくいかなかったようです。ただし、コンソールで XHR リクエストを監視していたところ、失敗したものは AWS から次の XML レスポンスを返しました。

jquery-file-upload-rails gem を使用して、複数の画像をプレビュー付きでフォームにアップロードしています。ファイルのアップロードは機能していますが、新しい写真を含む部分はブラウザの更新後にのみレンダリングされます! たぶん、誰かが見ることができます、何が悪いのか。

プロジェクトの編集ページに写真画像をロードするためにファイル アップローダーを呼び出しています。

フォトコントローラー:

jquery-file-uploader-rails gem を機能させるための photos.js.coffee:

create.js.erb

_photo.html.haml

というわけで写真アップできます。しかし、alert('help'); だけを入れても、私の ajax は機能しません。私のcreate.js.erbでは、応答しません。私は何を間違っていますか？よろしくお願いします！

更新 現在の状況（Rich Peckの助けを借りて）：

私のモデル:

プロジェクト管理者:

/プロジェクト/編集

/写真/_写真

/photos/create.js.erb

/javascripts/photos.js.coffee

remotipart + Carrierwave を介してリモート ファイル アップロードを行いたいと考えています。問題は、私のアップロードが機能することですが、通常の html としてアップロードされているようです。または ajax 経由でアップロードされますが、適切な js ファイルが呼び出されません。remote:true の form_for と、対応するコントローラー メソッド create があります。フォームは js として送信されるため、create.js.erb が使用されます。

ログには次のように表示されます。

create.js.erb よりも先に error_messages がレンダリングされるのはちょっと奇妙です。

NewsItems (投稿のようなもの) を保存するための form_for が 1 つあります。各ニュース項目には、1 つのカバー画像、タイトル、短いテキストが含まれている必要があります。画像は、フォームが入力される前にプレビューとして表示され、画像のアップロードの進行状況を示すローダーが必要です。プレビューと進行状況バーには、Jquery ファイル アップローダーを使用します。

ネストされたフォームを使用しようとしましたが、jquery ファイル アップローダは、画像が読み込まれ、テキスト フィールドがまだ空のときにフォーム全体を送信します。送信を押すとフォームが送信されますが、今回は画像がありません。

ニュース項目テーブルに、名前の画像を含む列を追加しました。また、非表示のファイル :image と、それが存在しなければならないという検証を追加しました。jquery ファイルのアップロードが完了すると、画像タグに画像が追加され、非表示フィールドに画像の base64 コードが :image という名前で追加されます。

問題は解決したように見えますが、ターミナルに大きな base64 コードが表示され、より良い方法があるようです。

jqueryファイルのアップロードで自動送信を無効にする方法、またはアップロードの進行状況とパラメータにbase64コードなしでプレビュー画像を表示する方法を知っていますか?

前もって感謝します！