iphone croppie("result") rotates the image
See original GitHub issueOn iPhone, when selecting a potrait photo taken using the camera or from the media library (previously clicked photo) into the cropper, using enableExif and exif-js, the image is loaded with the correct orientation into the cropper.
However, wen I call
.croppie('result', { type: 'base64', size: { width: 200 } }).then(function (resp) { $("#imgUser").attr('src', resp); });
The dataURL returned in resp is rotated and not as it appears within the cropper.
Issue Analytics
- State:
- Created 5 years ago
- Reactions:4
- Comments:12
Top Results From Across the Web
croppie.js blank image in returning result only on IPhone
Steps to Reproduce the Problem · click 'add' button · select an image from your gallery · Modal is open now. · try...
Read more >Rotate crop box fixed aspect ratio - Apple Community
I have no idea how to do this in iOS 9. The rotate icon rotates the entire picture, along with the crop box....
Read more >Croppie - a simple javascript image cropper - Foliotek
8 rotated counter-clockwise by 90 degrees. destroy(). Destroy a croppie instance and remove it from the DOM. result({ type, size, format, quality, circle...
Read more >Laravel – Crop and upload an image with jQuery Croppie
Using croppie js we can easily crop images before uploading. ... <button class="btn btn-default" id="rotate" data-deg="-90">Rotate</button> ...
Read more >Croppie - a simple javascript image cropper - Museum Thailand
Croppie is a fast, easy to use image cropping plugin with tons of configuration options! View on Github Get Result ...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Have you added the EXIF object to the window? On line 458 of
croppie.js
, the_hasExif()
function checks ifenableExif
is true, and whether EXIF exists on the window object - see below:This worked for me to fix this - after seeing the above in the Croppie source code, I added the following after my import statement to force
exif-js
on to my window object:@logan-jobzmall Have you tried adding
enableExif: true
to your initial Croppie statement? It should go in the options when you create Croppie rather than when you get the resulting image - see the second-to-last demo here.I solved this issue in this way. Use the exif.js but in the declaration one day y wrote wrong enableOrientartion:true, and worked… Someboady can check if this result…