問題タブ [remotipart]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
320 参照

ruby-on-rails-3 - remotipart gemを使用したRails Jqueryアップロードファイル NoMethodError: undefined method `name'

ファイルのアップロードに gem remotipart を使用しています。これが私の見解です:

私のコントローラー:

しかし、私はこのエラーを受け取ります: NoMethodError: undefined method `name' for nil:NilClass. メソッド名がどこから、どのクラスからのものかわかりません。どんな助けでも本当にありがたいです。ありがとう

0 投票する
4 に答える
884 参照

remotipart - remotipart プラグインを使用して画像をアップロードすると、テキストエリアが JS にラップされる

私は remotipart プラグインを使用して Ajax 画像のアップロードを行っています。最近、Rails のバージョンを 3.1.10 から 3.2.13 にアップグレードしました。Rails のバージョンをアップグレードした後、ajax 画像のアップロードが機能していないことがわかりました。

remotipart プラグインを使用して画像を送信し、応答をレンダリングするフォームがありますが、レールのアップグレード後、応答をレンダリングできません。問題を調査しているときに、応答が textarea ブロックでラップされているため、レンダリングされていないことがわかりました。

関連するstackoverflowの質問のいくつかと、remotipartユーザーによってgithubで報告された問題を参照しましたが、この問題の解決策を見つけることができませんでした.

viz: ペーパークリップ付きの添付ファイルを含めると、ajax 投稿リクエストが html 要素で応答する

Rails 3.2.8 での Paperclip と Ajax の問題

https://github.com/JangoSteve/remotipart/issues/89

この問題をどのように解決できるか、または私が間違っていることを誰かが提案してくれますか?

よろしくお願いいたします。

0 投票する
0 に答える
357 参照

jquery - ドラッグ アンド ドロップで remotipart を使用してファイルを非同期にアップロードする

テキスト エディターを独自に実装しており、ユーザーがファイルをテキスト エディターにドラッグ アンド ドロップしてアップロードできるようにしたいと考えています。エディターは iframe を使用します。rails と remotipart を使用して、画像ファイルの非同期アップロードを行っています。このプラグインを使用してみました: http://chrismbarr.github.io/FileDrop/ しかし、remotipart を使用してファイルをアップロードする方法がわかりません。私はAJAXを使用してみましたが、それは正しい方法ではなく、さらに機能しないと確信しています:

さらにコード、アップロード アクション、または html が必要な場合はコメントしてください。次のフォームを使用して、remotipart gem を使用してファイルの非同期アップロードを行っていますが、正常に動作します。

0 投票する
1 に答える
595 参照

html - remotipart を使用してファイル入力を含むフォームを送信すると、テキストエリアが応答にラップされます

Ruby on Rails 4 と Ruby 2 を使用しています。

これが私の単純なコントローラーアクションです。.ajax-target検証が失敗すると、「新しい」アクションをレンダリングし、ビューのコンテンツをdivに挿入します。



この動作構造は、選択されたファイルを持つファイル入力タイプを持つものを除いて、すべてのタイプのフォームでうまく機能します。すべてのフィールドを空白にしてフォームを送信すると、フォームが正常にリロードされます。画像を選択して他のフィールドを空白のままにすると (検証をトリガーするため)、次のようになります。

ajax:error応答のための「エラー」テキスト。また、[ネットワーク] タブでこれを参照してください。

0 投票する
1 に答える
1573 参照

jquery - Rails 4はリモートでフォームを送信するためにRemotipartを使用していません

フォームの送信に Remotipart が実際に使用されていないように見えるため、フォームの送信先のパラメーターを見ると、画像が完全に除外されています。

remotipart_submitted?false を返します

パラメータ:{"utf8"=>"✓", "product"=>{"name"=>"RemotipartFails", "price"=>"10", "description"=>"Please work"}, "action"=>"create", "controller"=>"products"}

以下はより関連性の高いコードです

宝石

Javascript

multipart: trueform_for が自動的に追加すると思うので、なしで試してみましたが、役に立ちませんでした。

この時点で、私は代替ソリューションを受け入れることができます (願わくば、フォームを画像付きでリモートで送信できるようにします)。

0 投票する
0 に答える
790 参照

ruby-on-rails - Rails 4 での非同期ファイルのアップロード

rails jquery-UJS を使用して非同期に送信するフォームがあります。ファイル入力がない限り、正常に動作します。ファイル入力を追加すると、フォームは非同期での送信を停止し、代わりに通常どおり送信します (ページ全体のリロード)。

ajax:aborted:fileブラウザーは ajax ファイルをサポートしていないため、入力されたファイル入力がフォームに存在する場合 、UJS はイベントを発生させることがわかりました。http://robots.thoughtbot.com/a-tour-of-rails-jquery-ujs

提案された解決策は、remotipart を使用することです。https://github.com/JangoSteve/remotipart . しかし、この宝石は 2013 年以来触れられていません。Rails 4 にこの機能が含まれていることをどこかで読んだと思います。

Rails 4 の非同期ファイルアップロードの規則は何ですか?

0 投票する
1 に答える
4838 参照

javascript - remote: true のフォームを使用した Ruby on Rails ファイルのアップロード

リモートが true に設定されている Rails フォームを使用してファイルをアップロードしようとしています。Rails 4.1.1 を使用しています。私のモデルがメッセージであり、JavaScript を使用しているため、ユーザーはページをリロードせずに複数のメッセージを簡単に送信できるとしましょう。フォームは次のように設定されています。

ユーザーは、必要に応じて、メッセージと共に画像をアップロードできます。MessageImage はフォーム内でネストされた属性として機能し、次のように宣言されます ( http://railscasts.com/episodes/196-nested-model-form-revised方法):

私のコントローラーでは、アクションはおおよそ次のようになります。

ユーザーが画像を送信しない限り、これは完全に機能しますが、画像を送信する場合は、format.js の代わりに format.html を使用します。format.html を削除すると、ActionController::UnknownFormat-exception が発生します。

これは明らかに、remote を true に設定してファイルを送信できないという事実に関係しています。少し検索してみたところ、この宝石https://github.com/JangoSteve/remotipartが見つかりました。これはまさに私が探しているもののようです。指示に従ってインストールしましたが、何らかの理由でまだ機能せず、format.html を削除すると ActionController::UnknownFormat-exception が発生します。ただし、ネストされた属性を含む例は見つかりませんでした。この宝石またはこれを修正する他の方法に代わるものはありますか、またはユーザーがファイルを送信した場合に HTML をレンダリングするように設定する必要がありますか?