2015-06-23 15 views
5

Ho un controllo di input di file sulla pagina per selezionare un'immagine. Quando l'utente seleziona un'immagine, sto visualizzando l'immagine sulla pagina.Come mostrare l'immagine con l'orientamento corretto, Orizzontale o verticale

Ma il mio problema è che quando l'utente seleziona un'immagine verticale o verticale viene visualizzata in modalità orizzontale.

Quindi, come posso rilevare l'orientamento dell'immagine & applicare il css appropriato per mostrare in orizzontale o verticale.

+0

Non riesci a calcolare se la larghezza è maggiore dell'altezza è orizzontale e viceversa? In base a ciò è possibile creare due classi con il rispettivo stile. –

+1

Vuoi dire che una foto che viene visualizzata in un visualizzatore di immagini desktop in un modo viene visualizzata in modo diverso nella tua app? Ciò potrebbe essere dovuto alla mancata lettura o interpretazione errata dei dati EXIF. vedere qui: http://stackoverflow.com/questions/7584794/accessing-jpeg-exif-rotation-data-in-javascript-on-the-client-side –

+0

@BenPhilipp Ho provato la soluzione che hai postato ma che mi ha dato un'eccezione come Uncaught ReferenceError: EXIF ​​non è definito – Shankar

risposta

1

Passo # 1:

Verificare se la larghezza dell'immagine è più grande rispetto al suo altezza. Quindi capirai che l'immagine è un'immagine di paesaggio. Puoi controllarlo rapidamente usando javascript.

Passo # 2:

Creare un CSS e applicarlo utilizzando una classe (a classe utilizzando JavaScript) per qualunque orientamento si ha bisogno.

Problemi correlati