Portrait Image get auto rotates in iphone

[thisisirfan]

Once i upload portrait image using my iphone, image get auto rotate to left. it only happens in iphone, working fine on android devices. I have tested in safari and chrome both. Here is the code i am using to upload image. <input id="multi-file-upload" class="fa fa-camera" type="file" accept="image/*" mimage="images" multiple resize-max-height="{{ config.height}}" resize-max-width="{{ config.width}}" resize-quality="{{ config.quality}}" />

[darjidipal31]

I am facing same issue. is there any update on this?

[thisisirfan]

@darjidipal31 still couldn't resolve the issue.

[garmeeh]

@darjidipal31 @thisisirfan any update on if you managed to solve this issue?

[thisisirfan]

@darjidipal31 i have resolved this issue by resolving exif orientation issue. I have used this library to resolve it https://github.com/blueimp/JavaScript-Load-Image

[federicoruf]

Any update on this issue? Is there any solution that not includes to import another external library? It's happening also on cell phones with Android

[thisisirfan]

Any update on this issue? Is there any solution that not includes to import another external library? It's happening also on cell phones with Android

I have used this library to resolve it https://github.com/blueimp/JavaScript-Load-Image

[betorobson]

@thisisirfan do you have a code example that solved this issue?

[thisisirfan]

@thisisirfan do you have a code example that solved this issue? hay man, here is the method i have used to fix the issue: var setPostImg = function(origImage, options, imageResult) { var deferred = $q.defer(); setTimeout(function() { loadImage( imageResult.file, function(img) { return img.toDataURL(); }, { maxWidth: 2000, maxHeight: 2000, orientation: true } ); }, 100); return deferred.promise; }