Paperclip + Papercrop + Rails 4 - 保存照片前预览

Question

我的问题很简单。我正在使用Paperclip gem而没有任何问题。我正在尝试让Papercrop允许用户在保存照片之前裁剪照片。我想在sign_up页面上显示一个框（使用Devise处理用户）并将裁剪的图像保存到DB。如果我想直接保存到DB，我没有问题。我已经按照Papercrop宝石页面上的说明进行操作，但无法将预览结合在一起。管道中的所有资产似乎都很好，我不知道该做什么。

以下是相关的代码段：

在registrations / new.html.erb文件中：

        <div class="col-md-3 column">

            <%= f.cropbox :photo %>
            <%= f.crop_preview :photo %>
            <%= f.file_field :photo %>

        </div>

在user.rb模型中

has_attached_file :photo, :styles => {:thumb => '50x50', :medium => '225x153'}, :default_url => "",
                :url => "/user_images/:attachment/:basename.:extension",
                :path => ":rails_root/public/user_images/:attachment/:basename.:extension"

crop_attached_file :photo

validates_attachment_content_type :photo, :content_type => /\Aimage\/.*\Z/

而且users_controller.rb保持不变。

这里有关于如何让用户在保存之前裁剪照片以及我可能需要包含在模型或控制器中以帮助我的任何方向非常感谢。也许有一个简单的javascript解决方法，为此或与此一起使用的东西？同样，我正在使用Devise，以防影响任何回复。再次感谢。