使用Carrierwave,Cloudinary,Jcrop - 不会使用自定义裁剪坐标

时间:2017-08-02 20:40:45

标签: ruby-on-rails ruby-on-rails-4 carrierwave jcrop cloudinary

我有一个上传器,Avatar我想让用户通过自定义坐标来裁剪他们的图像。我在修改后的Railscast 182剧集中使用了Jcrop,Carrierwave和Cloudinary的组合。

在提交时,会存储坐标,但Carrierwave似乎不会使用新坐标重新创建版本。有任何想法吗?

我的上传者

include Cloudinary::CarrierWave
  version :large do
    process :eager => true
    process :progressive => 'steep'
    cloudinary_transformation :secure => "true"
  end

  version :thumbnail do
    process :custom_crop
  end

  def extension_whitelist
     %w(jpg jpeg gif png)
  end

  def custom_crop
    return :x => model.crop_x, :y => model.crop_y, :width => model.crop_w, :height => model.crop_h, :crop => :crop
  end

我的模特

class Profile < ActiveRecord::Base
  mount_uploader :avatar, AvatarUploader

  attr_accessor :crop_x, :crop_y, :crop_w, :crop_h
  after_update :crop_avatar

裁剪页

<h1>Crop Avatar</h1>


<%= image_tag @profile.avatar.url(:large), id: "cropbox" %>

<h4>Preview</h4>
<div style="width:100px; height:100px; overflow:hidden">
  <%= image_tag @profile.avatar.url(:large), :id => "preview" %>
</div>

<%= form_for ([:admin, @profile]) do |f| %>
  <% %w[x y w h].each do |attribute| %>
    <%= f.text_field "crop_#{attribute}" %>
  <% end %>
  <div class="actions">
    <%= f.submit "Crop" %>
  </div>
<% end %>

1 个答案:

答案 0 :(得分:0)

您是否尝试过以下操作?:

version :thumbnail do
    cloudinary_transformation :x => model.crop_x, :y => model.crop_y, :width => model.crop_w, :height => model.crop_h, :crop => :crop
end