通過AJAX（Rails解決方案）提交圖像後預覽圖像？

我正在嘗試查看實現此處使用的機制的最佳方式：https://sortfolio.com/signup。基本上，選擇要上傳的圖片。圖片在後臺上傳，然後出現在頁面上，不需要刷新。通過AJAX（Rails解決方案）提交圖像後預覽圖像？

到目前爲止，我設法做圖像的POST（我發佈到IFrame，使用jQuery插件）並顯示進度bat。我不太明白，何時/如何拉回圖像。

我正在使用回形針進行處理。

有什麼想法？

謝謝。

來源

2011-01-19 morgan freeman

在您的Rails控制器中，當響應AJAX請求時，將新上傳的圖像URL，整個圖像作爲JSON對象（包含URL）或部分HTML發回以呈現圖像。

例如，使用第一種方法，使用jQuery設置img的src。

有點像Ajax請求的回調中：

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

來源

2011-01-19 13:34:27

請您詳細說明如何將整個圖像作爲JSON對象發送。我有一個jquery的前置方法，其中我實際上試圖通過ajax調用預先加載最近上傳的圖像+文章.. alert（「<％= flash [：notice]％>」） $（'＃image '）.load（'src'，'<％= @ post.photo.url（：thumb）％>'）; //這段代碼正確地給了我圖像存儲在我的Rails應用程序中的地址... ..什麼不工作對我來說是這樣的： - $（「＃latest_form」）。prepend（「 <％= image_tag @ post.photo.url（：thumb）％><％= h @ post.message％>

「）..我如何獲得解決方法的任何線索？ – boddhisattva 2011-05-31 11:53:40

我做了前段時間類似的問題一個示例應用程序。你可以找到它here。它在一個模式窗口上呈現圖像，但我確信你可以找到一些關於如何解決你的問題的想法。

來源

2011-01-19 14:28:20 Fran

通過AJAX（Rails解決方案）提交圖像後預覽圖像？

回答

相關問題