1. ホーム
  2. html

[解決済み] imgタグの表示方向がおかしい

2022-05-07 22:44:32

質問

このリンク先に画像があります。 http://d38daqc8ucuvuv.cloudfront.net/avatars/216/2014-02-19%2017.13.48.jpg

ご覧のように、この画像は正しい向きで表示されていますが、このリンクを画像タグのsrc属性に設定すると、画像が逆さまになってしまいます。 http://jsfiddle.net/7j5xJ/

<img src="http://d38daqc8ucuvuv.cloudfront.net/avatars/216/2014-02-19%2017.13.48.jpg" width="200"/>

何か心当たりはありますか?

解決方法は?

ここに私自身の答えを加えるのを忘れていました。私はRuby on Railsを使用していたので、PHPや他のフレームワークのプロジェクトには当てはまらないかもしれません。私の場合、画像のアップロードにCarrierwave gemを使用していました。私の解決策は、ファイルを保存する前にEXIFの問題を修正するために、アップローダー・クラスに以下のコードを追加することでした。

process :fix_exif_rotation
def fix_exif_rotation
  manipulate! do |img|
    img.auto_orient!
    img = yield(img) if block_given?
    img
  end
end