Question: We're using `FileReader` to get an image, from a photo taken on an iPhone, into the browser. We then use `drawImage()` to draw that image onto a `canvas`. The problem is that photos taken on an iPhone display rotated on the page. We can't reproduce this on any Android devices.

We can rotate the image on the `canvas` easily enough but how can we determine the required rotation? We tried some EXIF-reading libraries for JavaScript ([exif.js](https://github.com/jseidelin/exif-js)) but were unable to successfully read the orientation.

Answer: 
Works great even without binaryajax.js

Just use 

```
EXIF.getData(changeEvent.target.files[0], function () {
    alert(EXIF.pretty(this));                            
});

```

Also [here](https://github.com/jseidelin/exif-js/blob/master/example/index.html) you could see another examples.
my two cents is that the exif-js framework does not work for me and is not required.

instead what you can do is 'onload' of your image src, create a canvas, then draw your canvas overtop of your image, what this accomplishes is getting rid of any iphone related 'exif' rotation of the image, because the canvas drawImage erases exif data.

when the draw is complete, you will see your image 'rotate' back to how it would look on a PC browser