How do I resolve the image rotation and image cutting issue in Laravel?

Asked Dec 15 '19 at 03:18

Active Dec 15 '19 at 09:21

Viewed 165 times

I have an already developed a Laravel web app. I've just discovered that whenever I upload an image taken from a mobile phone it rotates and if the image px is bigger than the containers then the image is cut partially as I have kept overflow as hidden. I have heard of the image intervention package but i don't know how to apply it to my app, if there is any other way to resolve then issue without any additional package then that would be of great help.

profile-avatar{
    width: 420px;
    height:700px;
    overflow: hidden;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position:top-center;
}

the above given is my css code if anyone wants to help and want any other code of mine then please tell

edited Dec 15 '19 at 09:21

Rwd

34,180
6
64
78

asked Dec 15 '19 at 03:18

Jeffrin Jose

1

Can you share the project link ? I want to see the problem on live. – Abdullah Al Mamun Dec 15 '19 at 06:01
well i am adding the screenshots of the problem above – Jeffrin Jose Dec 15 '19 at 06:16
https://i.stack.imgur.com/BQMJe.jpg this is how the image is seen after uploading – Jeffrin Jose Dec 15 '19 at 06:25
https://i.stack.imgur.com/aXsfo.jpg this is how the image was taken – Jeffrin Jose Dec 15 '19 at 06:27
@Abdullah Al Mamun – Jeffrin Jose Dec 15 '19 at 06:27
1

Are you sure that it's not a problem with the camera app? I mean it's a common issue with camera apps on android at least. – user3532758 Dec 15 '19 at 06:36
1

Can you share your image upload code ? @Jeffrin Jose – Abdullah Al Mamun Dec 15 '19 at 06:47
i am using iphone 7+ my co developer has a android phone in his phone it is working fine and when i upload using my phone this issue is coming – Jeffrin Jose Dec 15 '19 at 07:03
@user3532758 this is coz of ios and do u think there is any solution for this – Jeffrin Jose Dec 15 '19 at 07:04
@Abdullah Al Mamun u want my controller code or the image displaying code – Jeffrin Jose Dec 15 '19 at 07:05
this issue is only found on ios devices – Jeffrin Jose Dec 15 '19 at 07:14
https://medium.com/thetiltblog/fixing-rotated-mobile-image-uploads-in-php-803bb96a852c – Rwd Dec 15 '19 at 09:23
@JeffrinJose some android devices have this issue as well. You need to identify if the image is rotated and rotate it back to the correct orientation. – user3532758 Dec 15 '19 at 10:06
@jeffrin-jose I think this error occurs for your device. You can upload image from pc or laptop to check it. – Abdullah Al Mamun Dec 16 '19 at 10:26
While uploading from desktop devices its working fine its even working fine with android the problem is with ios devices@Abdullah Al Mamun – Jeffrin Jose Dec 18 '19 at 04:17
https://stackoverflow.com/q/59345551/12424555 @Abdulla Al Mamun please see this question of mine – Jeffrin Jose Dec 18 '19 at 04:19

How do I resolve the image rotation and image cutting issue in Laravel?

0 Answers0

Linked