AJAX（Railsソリューション）を介して画像を提出した後に画像をプレビューする？

Question

ここで使用しているメカニズムを実装する最良の方法は、何ですか、つまり、https://sortfolio.com/signupです。基本的には、アップロードする画像を選択します。写真はバックグラウンドでアップロードされ、ページに表示され、リフレッシュは必要ありません。

これまでのところ、私は画像のPOST（jQueryプラグインを使用してIFrameに投稿しています）を行い、進行状況を表示しています。私はイメージをいつ取り戻すのか、いつ理解するのか分かりません。

私は処理のためにクリップを使用しています。

どのような考えですか？

ありがとうございました。

Answer 1

あなたのRailsコントローラでは、AJAXリクエストに応答するときに、新しくアップロードされたイメージURL、イメージ全体をJSONオブジェクト（URLを含む）、またはイメージをレンダリングする部分HTMLに返信します。

たとえば、最初の方法を使用して、jQueryを使用してimgのsrcを設定します。 AJAX要求のコールバック内のような

何か：

$('#image').attr('src', /* url sent back from AJAX request */);

Answer 2

私はしばらく前に同様の問題のためのサンプルアプリケーションをしました。あなたはそれを見つけることができますhere。それはモーダルウィンドウ上にイメージをレンダリングしますが、あなたの問題を解決する方法についていくつかのアイデアを見つけることができます。