Wrong orientation when image captured by HTML5 file api on IOS 6.0

StackOverflow https://stackoverflow.com/questions/16336158

  •  14-04-2022
  •  | 
  •  

Question

I am using HTML5 file api on mobile web app for image uploading utility.
I am capturing image using camera and upload it to server.
Problem is that if I capture portrait image the uploaded image automatically converted to Landscape.

Was it helpful?

Solution

You'll need to transform the image to correct the orientation. Fortunately, the image should include EXIF data that you can use to do that. If you like, you can do this before the image is uploaded to your server:

  1. Read the image's EXIF data
  2. Use a canvas element to transform the image as appropriate
  3. Export the canvas image into an image file

There's an excellent writeup, including code samples, in this blog post.

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top