👋 I have a html input="file" where users can upload pictures some

Question

👋 I have a html input="file" where users can upload pictures some

users report that if they upload images in portrait mode, it gets uploaded with the wrong side up

I can confirm the issue while I was watching a user uploading an image and it was indeed wrongly rotated once uploaded

Does anyone have an idea how to debug this or what could be the problem?

0

28.08.2023

12 ответов

9 просмотров

D

Show code

0

8 месяцев назад

D

You can listen when the image is rotated with JS

0

8 месяцев назад

Shayan

This may help https://stackoverflow.com/questions/18632356/how-to-extract-image-orientation-information-from-image-loaded-in-canvas

0

8 месяцев назад

Shayan

D
You can listen when the image is rotated with JS

Is there a specific event for it? I Googled but didn’t find anything.

0

8 месяцев назад

D

Shayan
Is there a specific event for it? I Googled but di...

Try: document.getElementById('imageInput').addEventListener('change', function(event) {});

0

8 месяцев назад

Shayan

D
Try: document.getElementById('imageInput').addEven...

It’s nice if this solves the problem rather than using a feature-rich library like the one you mentioned just for this single purpose. (It seems like a good library, though)

0

8 месяцев назад

Daniel Автор вопроса

D
You can listen when the image is rotated with JS

input type="file" is literally all there is 😄

0

8 месяцев назад

Daniel Автор вопроса

I don't understand what you mean

0

8 месяцев назад

D

Daniel
I don't understand what you mean

Стикер

0

8 месяцев назад

Daniel Автор вопроса

But what should I do with the element?

0

8 месяцев назад

D

Daniel
But what should I do with the element?

Listen for change

0

8 месяцев назад

Shayan · Accepted Answer

Shayan

Add a random spin button/thingy before image upload as a cool effect to the site that actually does nothing. No one will understand why someone images have rotated lol

0

8 месяцев назад

Похожие чаты

👋 I have a html input="file" where users can upload pictures some

12 ответов

Похожие вопросы