jas*_*lug 6 ruby-on-rails imagemagick amazon-s3 paperclip jcrop
我(松散地)遵循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
Run Code Online (Sandbox Code Playgroud)
这是我的'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
Run Code Online (Sandbox Code Playgroud)
我的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
Run Code Online (Sandbox Code Playgroud)
以及''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 %>
Run Code Online (Sandbox Code Playgroud)
问题不在于自定义裁剪(偏移,裁剪区域等)出现错误,而是单击"裁剪"时没有裁剪发生 - 我只剩下我从原始图像中获得的图像上传/过程.它似乎不是'image.reprocess!' 正在发生(或者重新处理的结果没有保存到S3).
为什么会这样,我能做些什么呢?
归档时间: |
|
查看次数: |
4816 次 |
最近记录: |