Как изменять размер на лету?

Question

[IIITRIX]

Подскажите, как изменять размер изображения на лету!
к примеру
имеем поле в моделе пользователя

picture = models.ImageField(_('Аватар'), upload_to=avatar_upload_to, null=True, blank=True)

при переходе по ссылке
http://localhost:8000 /m/users/avatar.jpg
открывается аватар загруженный пользователем
Как сделать чтоб при переходе на

http://localhost:8000 /m/users/crop/30x30/avatar.jpg

Происходил ресайз картинки без сохранения.
Если мы подставим любое значение вместо 30 оно сразу изменит ресайз, соответственно не выше оригинально размера!

Comments

[776166]

Если вы будете обращаться к этому изображению через страницы, а не просто напрямую, то вам нужно вот это: https://sorl-thumbnail.readthedocs.io/en/latest/in...
оно само ресайзит и кеширует

В противном случае, это вопрос не про django. :)

[ckatala]

776166, Там нет функции которую я описал!
Вот похожее но тоже не то https://bitbucket.org/nextscreenlabs/django-resizer/
/resizer/images/picture.jpg?size=50,50 <-- Тут простом меняем значение без сохранения

Answer 1

[Александр]

Согласен что сервер не должен заниматься проблемами клиента клиент должен отправлять изображение с нужными размерами, а сервер его просто проверит и ответит "да" или "нет".
Подготовить на стороне клиента через JS( https://fengyuanchen.github.io/cropperjs/ ) или просто указать параметры.

Answer 2

[Ivan Yakushenko]

Мне кажется это нужно делать в самом HTML.
Следующее предложение 100% не правильное, но вероятнее всего рабочее: в роуте /m/users/crop/30x30/ возвращать копию той-же страницы, что рендерится при переходе на /m/users/, только для тега img указать дополнительные атрибуты width и height. Вообще правильнее просто передавать эти атрибуты самим django, чтобы не дублировать страницу, но я не знаю как это делать ¯\_(ツ)_/¯

Answer 3

[sim3x]

https://djangopackages.org/grids/g/thumbnails/

https://www.google.com.ua/search?q=nginx+resize+im...