6

我（松散地）遵循RailsCasts 教程 #182，它使用 Paperclip、ImageMagick 和 Jcrop 来允许自定义裁剪上传的图像。

由于我使用 Amazon S3 进行文件存储，我不得不重新调整教程的某些部分以适应。一切似乎都很完美，除了我的图像的裁剪版本没有被重新处理（或者重新处理的结果没有重新上传到 S3） - 所以在裁剪过程之后，我留下了我最初上传的同一张图片（这适用于我为每张图片存储的所有图片尺寸）。

这是我的特征（如特征图像）模型：

class Feature < ActiveRecord::Base
  require "#{Rails.root}/lib/paperclip_processors/cropper.rb"

  attr_accessible    :image_file_name, :image
  attr_accessor      :crop_x, :crop_y, :crop_w, :crop_h
  after_update       :reprocess_image, :if => :cropping?

  if Rails.env == "production"
  S3_CREDENTIALS = { :access_key_id     => '<REDACTED>',
                     :secret_access_key => '<REDACTED>',
                     :bucket            => "<REDACTED>"}
  else
  S3_CREDENTIALS = { :access_key_id     => '<REDACTED>',
                     :secret_access_key => '<REDACTED>',
                     :bucket            => "<REDACTED>"}
  end

  has_attached_file :image,
                    :styles          => { :small => "240x135>", :croppable => "960x960>", :display => "960x540>" },
                    :processors      => [:cropper],
                    :storage         => :s3,
                    :s3_credentials  => S3_CREDENTIALS,
                    :path            => "features/:id/:style.:extension"

  validates_attachment_content_type :image, :content_type => ['image/jpeg', 'image/gif', 'image/png',
                                                              'image/pjpeg', 'image/x-png'], 
                                            :message => 'must be a JPEG, GIF or PNG image'

  def cropping?
    !crop_x.blank? && !crop_y.blank? && !crop_w.blank? && !crop_h.blank?
  end

  def image_geometry(style = :original)
    @geometry ||= {}
    path = (image.options[:storage]==:s3) ? image.url(style) : image.path(style)
    @geometry[style] ||= Paperclip::Geometry.from_file(path)
  end

  private

  def reprocess_image
    image.reprocess!
  end
end

这是我的“cropper.rb”（回形针处理器）：

module Paperclip
  class Cropper < Thumbnail
    def transformation_command
      if crop_command
        crop_command + super.sub(/ -crop \S+/, '')
      else
        super
      end
    end

    def crop_command
      target = @attachment.instance
      if target.cropping?
        " -crop '#{target.crop_w}x#{target.crop_h}+#{target.crop_x}+#{target.crop_y}'"
      end
    end
  end
end

我的 FeaturesController 的相关操作：

class FeaturesController < ApplicationController

  def new
    @feature = Feature.new
  end

  def create
    @feature = Feature.new(params[:feature])
    if @feature.save
      if params[:feature][:image].blank?
        flash[:notice] = "New feature added!"
        redirect_to @feature
      else
        render :crop
      end
    else
      @title = "Add a New Feature"
      render :new
    end
  end

  def edit
    @feature = Feature.find(params[:id])
    @title = "Edit #{@feature.headline}"
  end

  def update
    @feature = Feature.find(params[:id])
    if @feature.update_attributes(params[:feature])
      if params[:feature][:image].blank?
        flash[:notice] = "Feature updated!"
        redirect_to @feature
      else
        render :crop
      end
    else
      @title = "Edit Feature"
      render :edit
    end
  end
end

以及我的“crop.html.erb”视图的相关行：

<% content_for :javascript_includes do %>
    <%= javascript_include_tag 'jquery.Jcrop.min' %>
    <script type="text/javascript" charset="utf-8">
    $(function() {
        $('#cropbox').Jcrop({
            onChange: update_crop,
            onSelect: update_crop,
            setSelect: [0, 0, 960, 540],
            aspectRatio: 960/540
        });
    });

    function update_crop(coords) {
        var ratio = <%= @feature.image_geometry(:original).width %> / <%= @feature.image_geometry(:croppable).width %>;
        $("#crop_x").val(Math.round(coords.x * ratio));
        $("#crop_y").val(Math.round(coords.y * ratio));
        $("#crop_w").val(Math.round(coords.w * ratio));
        $("#crop_h").val(Math.round(coords.h * ratio));
    };
    </script>
<% end %>
<% content_for :style_includes do %>
    <%= stylesheet_link_tag 'jquery.Jcrop', :media => 'screen' %>
<% end %>

<%= image_tag @feature.image.url(:croppable), :id => "cropbox" %>

<% form_for @feature do |f| %>
    <% for attribute in [:crop_x, :crop_y, :crop_w, :crop_h] %>
        <%= f.hidden_field attribute, :id => attribute %>
    <% end %>
    <p><%= f.submit "Crop" %></p>
<% end %>

问题不在于自定义裁剪（偏移量、裁剪区域等）有错误，而是当我单击“裁剪”时没有裁剪——我只剩下从原始图像中获得的图像上传/处理。似乎没有“image.reprocess！” 正在发生（或者重新处理的结果没有保存到 S3）。

为什么会这样，我能做些什么呢？

4

3 回答 3

3

不知道这是否相同，但我在重新处理时遇到了问题，并按照此处的答案进行了修复：

Rails 3升级后重新处理时出现回形针错误

于 2012-03-01T16:45:12.897 回答
2

好的，让我试着帮忙:)

首先，您能否在模型中不包含您的 Paperclip 处理器，让 Paperclip 处理它。

其次，删除:after_update并替换为:before_update应该image.options[ :crop ]为处理器设置的。在你的处理器中，试试这个：

def initialize file, options = {}, attachment = nil
  super
  #......

  @crop = options[ :crop ]

  #......

第三，修改你transformation_command的处理器：

def transformation_command
  if @crop
      trans = " -quality 75"
      trans << " -crop \"#{<YOUR_CODE>}\" +repage" if @crop
      trans
  end
end

然后发布你的发现:)

于 2011-09-05T09:56:18.050 回答
0

我还使用了相同的 RailsCast 视频来帮助我进行裁剪工作。我遇到了一个类似的问题，有一个 NOSUCHKEY 错误，我可以追溯到重新处理！被称为 after_update 的调用。我能够通过使用 Vish 的答案并对其进行修改来解决问题。我的解决方案可能并不完全符合您的需要，因为我每次都进行裁剪。

我只是删除了 after_update 调用来重新处理！并将其他所有内容留在原处。这导致使用传入的处理器（在您的情况下为裁剪器）而不是默认值，并在将图像上传到 S3 之前发生。由于您在第一次上传文件之前裁剪了文件，所以一切正常！

如果您想进行有条件的裁剪，那么您需要执行 Vish 建议的操作，即在 before_update 中设置变量或传递带有图像对象的选项。它需要在您的自定义处理器中可用，以便您可以根据其值放置条件裁剪逻辑。

于 2011-09-18T02:47:55.503 回答