Библиотека для crop/resize изображений?

Question

[istinspring]

Использую фрэймворк Flask для веб-сайта, в админке есть возможность загрузки изображений (загружаются в GridFS/MongoDB), хотелось бы как-то малой кровью прикрутить функционал который позволит делать resize/crop картинки на стороне клиента. Это возможно?


P.S. Сайт делаю для себя поэтому варианты могут быть любыми (ресайз на сервере в том числе, например фронт-енд отправляет параметры и сервер уже используя PIL/Pillow модифицирует изображений), т.к. хотелось бы побыстрее запустить в продакшн.

Comments

[jj_killer]

Сомнительно очень, лучше на сервере. А с GridFS вы стримите их клиенту через Flask?

[istinspring]

Да, через фласк.

[jj_killer]

А не боитесь что медленно будет? Я просто сам отказался от хранения в GridFS из-за того, что напрямую отдать нельзя, приходится через что-то стримить. Нагрузка существенно возрастает, или вы еще кэшируете на nginx'е?

[istinspring]

Да там не будет такой нагрузки чтобы скорость что-то решала, зато удобно. Не если что, можно черезе Tornado стримить например, или перекинуть файлы на Riak или вернуть статику, но это все маловероятно. На стэковерфлоу ребята говорят, что норм. в продакшене.

Answer 1

[Eugene Obrezkov]

Посмотрите на JCrop. Сам делал недавно такую вещь. Серверная часть есть в примерах на php, но без проблем можно переписать и под другие. Весь принцип работы в трех шагах:
1) На клиенте в img грузим картинку. Кидаем .JCrop() на эту картинку;
2) Выбираем нужный регион для кропа;
3) При сабмите он отправляет ширину, высоту и координаты выделенной области. На сервере уже просто делаем copy с исходного и режем его по заданным данным при сабмите.
Все просто и элегантно.

Answer 2

[Mikhail Priver]

Посмотрите вот это github.com/blueimp/JavaScript-Load-Image

Answer 3

[Антон]

В загрузчике файлов от mail.ru есть функции ресайза и кропа изображения на стороне клиента: github.com/mailru/FileAPI
Правда для интерфейса, скорее всего, придется что-то еще использовать.