Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Реальный размер изображения (https://javascript.ru/forum/dom-window/60249-realnyjj-razmer-izobrazheniya.html)

reh 19.12.2015 08:57

Реальный размер изображения
 
Доброго дня!
Загружаю изображение на сервер.
Далее вывожу в браузер в стилях задаю высоту,
потом выделяю кусок плагином - jquery.Jcrop и обрезаю сервером.
И тут возник вопрос
После выделения через ajax передаю координаты по которым режем,
но изображение то сжато или растянуто стилями и получается координаты нужно
умножать на коэффициент пропорции.
Где его брать? ПОсле вывода изображения писать в скрытый инпут и потом передавать ajax ом?
А как получить реальный размер фото?
что то наподобии -
var img = new Image();

далее добавить аттрибут срц и посмотреть размер img или не так?
И мне кажется что двойная загрузка фото замедлит весь процесс, или не?

laimas 20.12.2015 01:02

Если с учетом старых браузеров, то через предварительную загрузку на сервер, и конечно это увеличение времени на ожидание. Если же только для современных браузеров, то такой операции не требуется.
Лучше проверять, поддерживает ли FileReader браузер и если да, то сразу получаем изображение, устанавливаем координаты, отправляем, если нет, то браузер старый и грузим на сервер для получения.

Размер получить - да, создать объект Image, скормить ему путь выбранного изображения (для старых браузеров), а по событию onload будут доступны его размеры.

reh 21.12.2015 22:25

laimas,
Большое спасибо за помощь!


Часовой пояс GMT +3, время: 08:43.