Question

我正在使用CarrierWave和MiniMagick处理帐户个人资料照片图片上传的网络应用程序。现在我的AvatarUploader类看起来像这样

class AvatarUploader < CarrierWave::Uploader::Base

  # Include RMagick or MiniMagick support:
  # include CarrierWave::RMagick
  include CarrierWave::MiniMagick

  # In the uploader:
  def auto_orient
    manipulate! do |img|
      img = img.auto_orient
    end
  end

  # Choose what kind of storage to use for this uploader:
  # storage :file
  # storage :fog

  # Override the directory where uploaded files will be stored.
  # This is a sensible default for uploaders that are meant to be mounted:
  def store_dir
    "uploads/#{model.class.to_s.underscore}/#{mounted_as}/#{model.id}"
  end

  # Provide a default URL as a default if there hasn't been a file uploaded:
  def default_url
    ActionController::Base.helpers.asset_path('default_avatar.png')
  end

  # Process files as they are uploaded:
  # process :scale => [200, 300]
  #
  # def scale(width, height)
  #   # do something
  # end

  # Create different versions of your uploaded files:
  version :thumb do
    process :auto_orient
    process :resize_to_fill => [200, 200]
  end

  # Add a white list of extensions which are allowed to be uploaded.
  # For images you might use something like this:
  # def extension_white_list
  #   %w(jpg jpeg gif png)
  # end

  # Override the filename of the uploaded files:
  # Avoid using model.id or version_name here, see uploader/store.rb for details.
  # def filename
  #   "something.jpg" if original_filename
  # end

end

并且表单中处理头像上传的字段如下所示

.row
  - if f.object.avatar.present?
    .field
      = image_tag f.object.avatar.url
  = f.input :avatar, label: f.object.avatar.present? ? 'Replace Avatar' : 'Avatar'

这一切都适用于我网站的桌面版本，但是当用户上传他们从手机拍摄的个人资料照片时，它会侧向转90度，我无法弄清楚原因。我想从this question添加auto_orient代码可以解决问题，但它没有

Answer 1

信用：@ lando2319
exif image rotation issue using carrierwave and rmagick to upload to s3

尝试将auto_orient方法更改为：

  def auto_orient
    manipulate! do |img|
    img.tap(&:auto_orient!)  #try with and without the ! here.
    end
  end

Answer 2

想出来。

process :auto_orient

需要在version: thumb do循环

之外调用

完整代码

# encoding: utf-8

class AvatarUploader < CarrierWave::Uploader::Base

  # Include RMagick or MiniMagick support:
  # include CarrierWave::RMagick
  include CarrierWave::MiniMagick

  # In the uploader:
  def auto_orient
    manipulate! do |img|
      img.auto_orient
      img
    end
  end

  # Choose what kind of storage to use for this uploader:
  # storage :file
  # storage :fog

  # Override the directory where uploaded files will be stored.
  # This is a sensible default for uploaders that are meant to be mounted:
  def store_dir
    "uploads/#{model.class.to_s.underscore}/#{mounted_as}/#{model.id}"
  end

  # Provide a default URL as a default if there hasn't been a file uploaded:
  def default_url
    ActionController::Base.helpers.asset_path('default_avatar.png')
  end

  # Process files as they are uploaded:
  # process :scale => [200, 300]
  #
  # def scale(width, height)
  #   # do something
  # end


  process :resize_to_fit => [400, 400]
  process :auto_orient

  # Create different versions of your uploaded files:
  version :thumb do
    process :auto_orient
    process :resize_to_fit => [200, 200]
  end

  # Add a white list of extensions which are allowed to be uploaded.
  # For images you might use something like this:
  # def extension_white_list
  #   %w(jpg jpeg gif png)
  # end

  # Override the filename of the uploaded files:
  # Avoid using model.id or version_name here, see uploader/store.rb for details.
  # def filename
  #   "something.jpg" if original_filename
  # end

end

Ruby on Rails：图像从移动侧面上传

2 个答案: