如何使用回形针在ruby轨道上立即预览上传的图像

基本上，我想要完成的是允许用户在提交之前预览他们上传的图像。

在控制器中，我有

def index @temp = Temp.new end 

由于@temp未保存，我是否仍可以使用Rails：Paperclip和预览中的解决方案。 如果没有，我可以运行javascript或其他东西来运行一些ruby代码吗？

这是我的HTML：

= form_for @temp，：url => temp_path，：html => {：multipart => true} do | form |

  = form.file_field :image 

= image_tag @ temp.image.url

= image_tag @ temp.image.url（：medium）

= image_tag @ temp.image.url（：thumb）

Answer 1

如果我理解正确你想要在实际上传之前预览图像，对吧？ 您可以使用一些JavaScript来完成此操作。

通过设置图像标签的宽度和高度属性，您可以模拟缩略图。

 $(function() { $('#pictureInput').on('change', function(event) { var files = event.target.files; var image = files[0] var reader = new FileReader(); reader.onload = function(file) { var img = new Image(); console.log(file); img.src = file.target.result; $('#target').html(img); } reader.readAsDataURL(image); console.log(files); }); }); 

和HTML：

你可以在代码笔上查看