写真のアップロードに Filepicker を使用していますが、アップロードした写真が約 90° 回転していることがあります。
これが既知の問題なのか、私だけの問題なのかわかりませんが、この動作を回避する方法はありますか?
編集: 画像が正しく保存されていることがわかりましたが、正しく表示されていません-回転しています。この方法で画像をロードしています：
= image_tag main_img.file_url, :alt => @photo.title, :title => @photo.title, :style => 'width: 200px; border: 1px solid #000;'
私は何を間違っていますか？画像が「ねじれて」表示され、正しい位置に表示されないのはなぜですか?
この動作の理由は、画像の EXIF データに回転情報が含まれている可能性があるためです。
つまり、スマートフォンで縦向きに撮影された写真は、横向きで保存され、「90°回転」とマークされる場合があります。画像を元に戻すかどうかは、表示プログラムに依存するようになりました。
ほとんどの画像処理プログラムは回転を行いますが、ほとんどのブラウザは行いません。
この動作を回避する唯一の方法は、EXIF データの回転情報を考慮して画像を再計算することです。
imagemagick、exiftran、または jhead を使用してこれを実現できます。https: //superuser.com/a/38860 を参照してください。
変換を使用し、rotate="exif" を追加して、画像の EXIF データでエンコードされた回転を維持します。
https://developers.filepicker.io/docs/web/rest/#blob-images または https://developers.filepicker.io/docs/web/javascript_api/#convert