通过 AJAX（Rails 解决方案）提交后预览图像？答案

【问题标题】：Previewing an image after it has been submitted through AJAX (Rails solution)?通过 AJAX（Rails 解决方案）提交后预览图像？
【发布时间】：2011-06-11 16:44:39
【问题描述】：

我正在尝试了解实现此处使用的机制的最佳方法：https://sortfolio.com/signup。本质上，一个人选择要上传的图片。图片在后台上传，然后显示在页面上，无需刷新。

到目前为止，我设法对图像进行 POST（我正在使用 jQuery 插件发布到 IFrame）并显示进度棒。我不太明白，何时/如何拉回图像。

我正在使用回形针进行处理。

有什么想法吗？

谢谢。

【问题讨论】：

标签： ruby-on-rails ajax image paperclip uploading

【解决方案1】：

前段时间我为类似问题做了一个示例应用程序。你可以找到它here。它在模态窗口上呈现图像，但我很确定您可以找到一些解决问题的想法。

【讨论】：

【解决方案2】：

在您的 Rails 控制器中，响应 AJAX 请求时，将新上传的图像 URL、整个图像作为 JSON 对象（包括 URL）或部分 HTML 以呈现图像。

例如使用第一种方法，使用jQuery设置img的src。

类似于 AJAX 请求回调中的内容：

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

【讨论】：

您能否详细说明我如何将整个图像作为 JSON 对象发送......？我有一个 jquery 的 prepend 方法，我实际上是在尝试通过 ajax 调用预先上传最新上传的图像 + 帖子。 alert("") $('#image') .load('src',''); // 上面这行正确地为我提供了图像在我的 rails 应用程序中存储位置的 url... .. 对我不起作用的是这样的：- $("#latest_form").prepend("
").. 关于如何获得解决方法的任何线索？