Сохранение изменённой картинки, input[type=file]
 

Здравствуйте.
Помогите разобраться с такой задачей :

Есть страница, где пользователю предлагается загрузить картинку, например аватарку.

После клика на input[type=file] пользователь грузит картинку и она сразу обрабатывается плагином для обрезки (в моём случае croppie.js) в отдельном окне, после чего пользователь в этом окне подтверждает конечную обработанную картинку и она показывается в качестве preview в отдельном блоке на странице, и имеет вид data:image/png;base64 .
(Для примера - такая же технология используется на многих сайтах по поиску работы)

Сейчас, после отправки формы отправляется необработанная картинка. Знаю, что значение input file нельзя менять.

Вопрос в том, как можно (и как лучше) дальше работать с картинкой, чтобы после сабмита формы на сервер отправлялась именно обработанная картинка ?

Отправляйте data:image/png;base64, если это аватарка то размер небольшой будет.

Спасибо.