2015-06-23 11 views
5

Mam kontrolę wejściowego pliku na stronie, aby wybrać zdjęcie. Gdy użytkownik wybierze obraz, wyświetlam obraz na stronie.Jak pokazują obraz w odpowiedniej orientacji, pozioma lub pionowa

Ale mój problem jest, gdy użytkownik wybierze obraz w pionie lub portret jest wyświetlany w trybie poziomym.

Tak, jak mogę wykryć orientację obrazu & zastosować właściwą css, aby pokazać się w krajobraz lub widoku pionowym.

+0

nie można obliczyć, jeśli szerokość jest większa niż wysokość jest krajobraz i na odwrót? Na tej podstawie możesz stworzyć dwie klasy o odpowiednim stylu. –

+1

Masz na myśli, że zdjęcie wyświetlane w przeglądarce zdjęć na komputery jest inaczej wyświetlane w aplikacji? Przyczyną może być niepoprawne odczytywanie lub interpretowanie danych EXIF. zobacz tutaj: http://stackoverflow.com/questions/7584794/accessing-jpeg-exif-rotation-data-in-javascript-on-the-client-side –

+0

@BenPhilipp Próbowałem rozwiązania, których pisał jednak, że daje mi wyjątek jak Uncaught ReferenceError: EXIF ​​nie jest zdefiniowany – Shankar

Odpowiedz

1

Krok # 1:

Sprawdź, czy szerokość obrazie jest większa niż jego heigth. Wtedy przekonasz się, że obraz jest krajobrazem. Możesz to szybko sprawdzić za pomocą javascript.

Krok 2:

Tworzenie CSS i stosuje się go przy użyciu klasy (zastosować klasy przy użyciu javascript) dla dowolnej orientacji trzeba.

Powiązane problemy