如何使用Rails和jQuery实现图像预览？

在过去的几天里，我一直在研究在我的网站上实现表单提交前“图像预览”功能的各种方法

我已经使用HTML5在一些浏览器上成功地实现了这一点，但不是在所有浏览器上。这看起来很麻烦，所以我决定最好的方法是让用户选择的图像自动上传到服务器上的一个临时文件夹中，这样之后可以显示给他们

细节 这张图片是micropost的一部分

• 用户单击micropost文本区域，它会展开并向他们显示一个摄像头 他们可以单击以选择图像的图像

• 成功选择后，我将使用JQuery的触发器方法 触发提交一个小表单，将文件上载到 临时文件夹

• 这将允许我在上传过程中显示进度条 放置并向用户显示图像。这对所有人都有效 浏览器

• 然后，如果用户认为图像没有问题，他们将继续填充 退出micropost表单文本区域，然后单击post

• 单击post后，临时图像将移动到其永久位置 位置和路径将被更新

我正在使用carrierwave上传图像

在我的microposts表中，我有一个图像列，它保存图像的路径

这就是我有点困惑的地方。我将有一些如何获得图像的路径时，点击micropost按钮，以便它可以存储在micropost表，但路径将是临时路径，将不再使用，因为图像将被移动到它的永久路径

---

我真的很感激你能给我一个简单的方法。如果web浏览器与汽车非常相似（例如4轮、方向盘、windows、汽油机、柴油机），那么web世界将大不相同。

您应该使用此jQuery插件上传图片：

它支持您所需要的，并默认为旧的和蹩脚的浏览器的工作解决方案（例如iframe）

---

享受吧

您应该使用此jQuery插件上传图片：

它支持您所需要的，并默认为旧的和蹩脚的浏览器的工作解决方案（例如iframe）

---

享受吧

我认为，如果你在上传前只需要在表单中进行图像预览，你（和我一样）会发现JQuery上传插件太复杂了，不太容易正常运行（我可以看到预览，但是我无法上传图片，因为它会干扰你的表单）。我花了太多时间，放弃了

然后，通过（谷歌搜索）更深入地了解，我发现了以下解决方案：

---

编写代码非常简单和快速。

我认为，如果您在上传之前只需要在表单中进行图像预览，您（和我一样）会发现JQuery上传插件太复杂，并且不太容易正常运行（我可以看到预览，但是我无法上传图片，因为它会干扰您的表单）。我花了太多时间，放弃了

然后，通过（谷歌搜索）更深入地了解，我发现了以下解决方案：

---

编写代码非常简单和快速。

我昨天和前一天都仔细研究了好几次。文档很混乱。仍然是最好的插件，它做了我需要的一切，但是文档很混乱。我发现很难开始了。Understodd。一年前我做了一个教程，但现在已经过时了。昨天和前一天我看了好几遍。文档很混乱。仍然是最好的插件，它做了我需要的一切，但是文档很混乱。我发现很难开始了。Understodd。一年前我做了一个教程，但现在已经过时了，很容易解决+1非常简单的解决方案+1.