Как вывести несколько вариантов для скачки изображений, в зависимости от его размера?

Question

[Евгений]

Добрый день. Не могу придумать, как реализовать на js проверку изображения с последующим выводом ссылок на скачивание, в зависомости от его разрешения. Сам процесс скачивания есть, а вот логики на клиенте нет.
Разрешения специфичны 800*600, 1600*900, 1920*1024 и оригинал. Также возможен вывод и для вертикальных фоток. Если одна из сторон не попадает в в перечень, то такое разрешение не выводится, например 1920*800 получи разрешения 800*600, 1600*900 и оригинал

Comments

[Kovalsky]

Гораздо проще будет на сервере формировать ссылки на все доступные для этого изображения форматы:

img_1
    link to img_1_800x600
    link to img_1_1600x900

img_2
    link to img_2_1200x1080

Если очень нужно на клиенте определять размеры изображений то наверное так.

Answer 1

[Павел Корнилов]

Этот вопрос больше на ТЗ похож. Быстро и просто на него не ответишь. Точнее, можно ответить, я даже постараюсь, но это только приведет к новым вопросам.
Итак, есть блок ссылок на скачивание изображения с разным разрешением. Нужно на каждый элемент этого блока навесить обработчик клика, проверяющий наличие такого изображения на сервере. За это отвечает свойство onerror.

item.omclick= function(e) {
		var i= new Image();
		i.src= "image_800x600.png";
		i.onerror= function() {
			alert('NO image');
		};
		i.onload= function() {
			alert('YES image');
		};
	}

Comments

[Евгений]

Спасибо, но это не то. Сервер может отдать любое изображение, для этого у него и стоит динамическая генерация. Решил вопрос перебором по высоте и ширине исходника. Если приходит альбомный формат, то проверяю больше оно в ширине (опционально 1920) и по высоте пропорцию от исходного и 1920px, если да, то формирую массив доступных разрешений, если нет, то к следующему if. Как-то так.