Image rotates when dowloaded

[kinexm]

In some cases, when a image is taken using the camera and uploaded, the result image (Cropped) gets rotates. Here are the steps:

1. Take iPhone 6
2. Click on Select A New Image
3. Click on Take Photo
4. Take a picture and select
5. Click on the Download cropped Image
6. Result: The image will be automatically rotated in 90 Degrees.

By default, the rotation shouldn't happen and the picture should in the right rotation. Let me know if you need more information or screenshots.

[robinhuse]

I am having the same issue. Is there a way around this?

[akrawchyk]

This is an issue I've encountered with images uploaded from iOS devices as well. I believe it's due to embedded EXIF data in the image, presumably from the iOS camera app, see http://sylvana.net/jpegcrop/exif_orientation.html for more details.

You'll need to either:

• handle this server-side by inspecting the EXIF data and adjusting it to your needs, for example here's some Python code using Pillow to modify the EXIF data:

  if hasattr(image, '_getexif'):
      exif_info = image._getexif()
      if exif_info:
          # default orientation to 1 if no orientation data
          orientation = exif_info.get(274, 1)
          # orientation types:
          # http://sylvana.net/jpegcrop/exif_orientation.html
          if orientation == 1:  # proper orientation, do nothing
              pass
          elif orientation == 2:  # horizontally flipped
              image = image.transpose(Image.FLIP_LEFT_RIGHT)
          elif orientation == 3:  # rotated 180 degrees
              image = image.transpose(Image.ROTATE_180)
          elif orientation == 4:  # vertically flipped
              image = image.transpose(Image.FLIP_TOP_BOTTOM)
          elif orientation == 5:
              # rotated 90 degrees then horizontally flipped (transpose)
              image = image.transpose(Image.FLIP_LEFT_RIGHT).transpose(
                  Image.ROTATE_90)
          elif orientation == 6:  # rotated 270 degrees
              image = image.transpose(Image.ROTATE_270)
          elif orientation == 7:
              # rotated 270 degrees then flipped horizontally (transverse)
              image = image.transpose(Image.FLIP_LEFT_RIGHT).transpose(
                  Image.ROTATE_270)
          elif orientation == 8:  # rotated 90 degrees
              image = image.transpose(Image.ROTATE_90)

• handle it client-side which I don't have an example solution for since it is more complicated. Check out examples at https://github.com/hMatoba/piexifjs or http://code.flickr.net/2012/06/01/parsing-exif-client-side-using-javascript-2/.