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

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.

Hyponitrite

Answer 1

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.

Conventioner

updated invalid link from a link contributed by @btbJosh – Quixotic