问题描述
我的 Rails 应用中有照片上传功能.该应用程序通过 rmagick 和fog 通过carrierwave 直接上传到s3.我遇到的问题是当照片通过移动设备通过纵向的拍照选项"上传时(注意这是使用 iphone 但我相信 android 有同样的问题).上传后,图像在移动设备上显示正常,但在桌面上查看时,图像似乎旋转了 90 度.
I've got a photo upload feature in my rails app. The app uploads direct to s3 through carrierwave via rmagick and fog. The issue I am having is when a photo is uploaded via mobile through the "take a photo option" in portrait (note this is with iphone but I believe android has the same issue). Once uploaded the image appears fine on mobile, however when viewed on desktop the image appears rotated 90 degrees.
通过我的研究,它看起来是 exif 的问题.此stackoverflow 响应程序概述了 2 种可能的解决方案.这个 gist 看起来也很有前景.
Through my research it looks to be an issue with exif. This stackoverflow responder outlines 2 potential solutions. This gist also looks promising as well.
到目前为止,我发现了一些已发布的解决方案,但都没有奏效.理想情况下,我希望将照片作为肖像保存到 s3,然后按原样显示图像.
So far I have found a few solutions posted but none have worked. Ideally I would like the photo to be saved to s3 as a portrait, then just display the image as is.
非常感谢任何建议.
下面是我的代码
class ImageUploader < CarrierWave::Uploader::Base
include CarrierWaveDirect::Uploader
include CarrierWave::RMagick
# Include the Sprockets helpers for Rails 3.1+ asset pipeline compatibility:
include Sprockets::Helpers::RailsHelper
include Sprockets::Helpers::IsolatedHelper
include CarrierWave::MimeTypes
process :fix_exif_rotation
process :set_content_type
version :thumb do
process resize_to_fill: [200, 200]
end
def extension_white_list
%w(jpg jpeg png)
end
def fix_exif_rotation #this is my attempted solution
manipulate! do |img|
img = img.auto_orient!
end
end
end
app/models/s3_image.rb
class S3Image < ActiveRecord::Base
attr_accessible :image, :name, :user_id
mount_uploader :image, ImageUploader
belongs_to :user
def image_name
File.basename(image.path || image.filename) if image
end
class ImageWorker
include Sidekiq::Worker
def perform(id, key)
s3_image = S3Image.find(id)
s3_image.key = key
s3_image.remote_image_url = s3_image.image.direct_fog_url(with_path: true)
s3_image.save!
s3_image.update_column(:image_processed, true)
end
end
end
config/initializers/carrierwave.rb
CarrierWave.configure do |config|
config.fog_credentials = {
provider: "AWS",
aws_access_key_id: " ... ",
aws_secret_access_key: " ... "
}
config.fog_directory = " ... "
end
顺便说一句,我使用这个 Railscast 作为设置我的指南s3 上传.
btw I used this Railscast as a guide for setting up my s3 upload.
推荐答案
好吧,我使用雾或carrierwave_direct 来解决这个问题.
Well I got this working using fog instead or carrierwave_direct.
以下是最终为我工作的代码:
Below is the code that ended up working for me:
app/uploaders/image_uploader.rb
app/uploaders/image_uploader.rb
class ImageUploader < CarrierWave::Uploader::Base
include CarrierWave::MiniMagick
include Sprockets::Helpers::RailsHelper
include Sprockets::Helpers::IsolatedHelper
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
def fix_exif_rotation #this is my attempted solution
manipulate! do |img|
img.tap(&:auto_orient)
end
end
process :fix_exif_rotation
end
app/models/s3_image.rb
app/models/s3_image.rb
class S3Image < ActiveRecord::Base
attr_accessible :image, :name, :user_id, :image_cache
mount_uploader :image, ImageUploader
belongs_to :user
end
初始化程序/carrierwave.rb
initializers/carrierwave.rb
CarrierWave.configure do |config|
config.fog_credentials = {
provider: "AWS",
aws_access_key_id: " ... ",
aws_secret_access_key: " ... ",
region: 'us-west-2'
}
config.fog_directory = " ... "
end
这篇关于使用carrierwave和rmagick上传到s3的exif图像旋转问题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!