Images being rotated 90 deg on Android mobile devices

safrazik / vue-file-agent

The most beautiful and full featured file upload component for Vue JS

https://safrazik.github.io/vue-file-agent/

MIT License

731 stars 93 forks source link

Images being rotated 90 deg on Android mobile devices #185

Closed GetOrders closed 2 years ago

GetOrders commented 2 years ago

Describe the bug Images are being rotated 90 degrees on Android mobile devices when uploaded to the server, this may also be happening on Apple devices, desktop works fine. I appreciate the component otherwise but it cannot be used in production.

To Reproduce Steps to reproduce the behavior:

Implement as instructions and test on mobile

Expected behavior Images in their original rotation (0 Deg)

Smartphone

Device: Samsung Galaxy S20+, Samsung Galaxy s21 FE
Chrome

GetOrders commented 2 years ago

Update: found this issue to actually be occuring due to Sharp (NodeJS) library removing the metadata. I spent hours trying to rotate the image orientation using exif-js but in the end it turned out the server side was causing this issue.