Какой самый простой для пользователей вариант управления аватаркой?

Question

[Михаил]

Приветствую.
Поставили задачу сделать загрузку аватарки в профиле.
С учетом что мол пользователи настолько далекие от всего компьютерного, что им нужен редактор аватарки.
Но имеются и другие противоречивые требования, чтобы например аватарка была не менее 200*200, чтобы мол качество было лучше.
Просмотрел много всего, но постоянно какие то неподходящие решения.
Раз они хотят редактор понавороченнее, то берем редактор этот чисто на js( есть такая возможность у js). Но в них получается что они режут как на экране задано, или квадратами заданными, и не контачат с тем когда маленькие картинки загружаешь.
И если им подсовывать область от 200*200, то они великовато выглядят, не как обычные аватарки.
Но в редакторах этих плюс что можно любой кусочек вырезать, вдруг пользователь решит групповое фото своего школьного класса загружать.(*)
Если же резать на php, то опять вопросы, как это понятнее для пользователя сделать.
Если начать что то автоматически резать, ужимать, боюсь сразу отбракуют. Хотя если есть идеи..
Ну и конечно без перезагрузки страницы все чтобы работало.

Answer 1

[Олег Прилепа]

Вот неплохой редактор: https://github.com/mosch/react-avatar-editor

Т.е. делаем UI выбора файла, данные передаем в редактор, на выходе получим blob данные из canvas и их уже можно отправлять на back для записи.

Comments

[Михаил]

У меня на сайте без js сборок, все файлами отдельными. Из библиотек - jquery.
Его так, по старинке, удастся вставить?

Управление в общем то неплохое.

[Олег Прилепа]

Михаил, можно использовать React без сборки же.
https://ru.reactjs.org/docs/add-react-to-a-website.html
https://habr.com/ru/post/479152/

[Михаил]

Буду пробовать тогда сначала все это завести, на своем сайте на старой цмс, чтобы не обещать напрасно.
Но выглядит переспективно, тех недоработок что резали глаза в других скриптах, пока не выявил