Проверка размеров изображения на стороне клиента

Question

У меня есть веб-сайт, на который пользователи должны загружать изображения. Я пытаюсь найти наилучший способ установить максимальную ширину / высоту этих изображений и выполнить проверку до их загрузки.

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

1. Если это возможно сделать в javascript, может кто-нибудь объяснить, как или показать мне пример с открытым исходным кодом

2. Если это не так, то любое из этих двух решений принимается.

а. Изображение загружается из браузера на сервер. Как только он успешно скопирован на сервер, вы можете использовать стороннюю библиотеку Python, такую ​​как PIL (я использую Django), чтобы проверить размеры, а затем вернуть ajax true / false, если он был действительным

b. Загрузил изображение и вставил его в DOM, но скрыл, а затем использовал

document.getElementByID ('# image_id "). Высота + ширина, чтобы увидеть размер. Если размер действителен, то отобразите: блок или что-то еще.

у a и b есть отрицательные значения, поэтому, если есть лучшее решение, дайте мне знать

Спасибо

Answer 1

Почему бы вам просто не принять все размеры и проверить размер с помощью PHP?

fe с помощью getimagesize () и уменьшить размер с помощью imagecopyresampled (), как показано в примере: http://www.php.net/manual/en/function.imagecopyresampled.php

Если вы хотите изменить размер на стороне клиента, вы не можете сделать это без плагина, как сказал Майк.

Кстати: ограничение размера не является умным, так как большинство посетителей не могутизменить размер изображения.