2015-06-23 4 views
5

У меня есть элемент управления вводом файлов на странице, чтобы выбрать изображение. Когда пользователь выбирает изображение, я показываю изображение на странице.Как показать изображение в правильной ориентации, пейзаж или портрет

Но моя проблема в том, что когда пользователь выбирает вертикальное или портретное изображение, оно отображается в ландшафтном режиме.

Итак, как я могу определить ориентацию изображения & Примените подходящий css для отображения в пейзажном или портретном представлении.

+0

Не можете ли вы рассчитать, если ширина больше высоты - это пейзаж и наоборот? На основании этого вы можете создать два класса с соответствующим стилем. –

+1

Вы имеете в виду, что фотография, отображаемая в средстве просмотра изображений на рабочем столе, в одном приложении отображается по-разному? Это может быть связано с тем, что данные EXIF ​​не читаются или не интерпретируются неправильно. см. здесь: http://stackoverflow.com/questions/7584794/accessing-jpeg-exif-rotation-data-in-javascript-on-the-client-side –

+0

@BenPhilipp Я попробовал решение, которое вы разместили, но которое дало мне исключение as Uncaught ReferenceError: EXIF ​​не определен – Shankar

ответ

1

Шаг № 1:

Проверьте ширины изображений больше, чем его heigth. Затем вы поймете, что изображение является ландшафтным изображением. Вы можете быстро проверить его, используя javascript.

Шаг № 2:

Создать CSS и применять его с помощью класса (применить класс, используя JavaScript) для любой ориентации вам нужно.