Carrierwave上传图像

Question

我正在使用carrierwave上传一张图片，到目前为止一切正常。

我想要做的是在选择图像后，在表单上显示要提交的文件的预览。

目前，我拥有的代码显示的是上一张图片。

<%= image_tag(@book.cover_url(:thumb)) if @book.cover_url %>

如何显示选中的图片，而不是已经上传的图片？

Answer 1

你不需要。

这与Carrierwave无关，而是因为您的浏览器尚未将图像发送到服务器，因此Rails堆栈的任何部分都不会在这里发挥作用。

您需要的是一种访问<input type="file">中的图像并将其显示给用户的方法。

这可以通过使用作为HTML5一部分的FileAPI来实现，但它只在现代浏览器(Webkit/Gecko)中受支持，而且它还没有完全完成，所以它是一个不断变化的目标。

我建议您研究一下像plupload这样的工具，在不提交表单的情况下将图像上传到服务器，然后通过JavaScript显示。

Answer 2

试试http://jasny.github.io/bootstrap/javascript/#fileinput

它有一个很好的解决方案，可以在不上传的情况下显示图像。