Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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

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.

like image 507
Milan V. Avatar asked May 02 '13 10:05

Milan V.


1 Answers

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.

like image 151
jrullmann Avatar answered Nov 15 '22 13:11

jrullmann