2015-06-23 6 views
5

Ich habe ein Dateieingabesteuerelement auf der Seite, um ein Bild auszuwählen. Wenn der Benutzer ein Bild auswählt, zeige ich das Bild auf der Seite an.Wie kann Bild in richtiger Ausrichtung, Querformat oder Hochformat angezeigt werden

Aber mein Problem ist, wenn der Benutzer ein Hoch- oder Querformat wählt, wird es im Querformat angezeigt.

Also, wie kann ich Bildausrichtung & zutreffendes css finden, um in der Querformat- oder Portraitansicht zu zeigen.

+0

Können Sie nicht berechnen, ob die Breite größer als die Höhe ist Landschaft und umgekehrt? Auf dieser Grundlage können Sie zwei Klassen mit dem jeweiligen Stil erstellen. –

+1

Meinst du, ein Foto, das in einem Desktop-Bildbetrachter angezeigt wird, wird in deiner App anders angezeigt? Dies kann daran liegen, dass EXIF-Daten nicht gelesen oder falsch interpretiert werden. siehe hier: http://stackoverflow.com/questions/7584794/accessing-jpeg-exif-rotation-data-in-javascript-on-the-client-side –

+0

@BenPhilipp Ich habe versucht, die Lösung, die Sie geschrieben haben, aber das gibt mir Ausnahme als Uncaught ReferenceError: EXIF ​​ist nicht definiert – Shankar

Antwort

1

Schritt # 1:

Überprüfen Sie, ob die Bildbreite größer als seine Höhe ist. Dann werden Sie herausfinden, dass das Bild ein Landschaftsbild ist. Sie können es schnell mit Javascript überprüfen.

Schritt # 2:

eine CSS erstellen und anwenden es eine Klasse mit (gilt die Verwendung von JavaScript-Klasse) für jede Art Orientierung Sie benötigen.

Verwandte Themen