Как сделать редактирование аватара с помощью jquery?

Question

[frontend-front]

Есть аватар и кнопки редактировать и удалить. Нужно чтобы при нажатии на редактировать - можно было выбрать фото и поставить его на место старого. А при нажатии на удалить ставить картинку пустого аватара.
Здесь примерный код https://codepen.io/anon/pen/MPodGQ, но как вставлять url загруженного файла в src нашей существующей картинки?

Comments

[AngReload]

По ссылке 404

[frontend-front]

AngReload, сейчас вроде норм

Answer 1

[Афанасий Захаров]

я тут вижу два варианта:
1. грузить выбранную картинку на сервер, получать от него url, по которой она будет доступна, и вставлять в src.
2. полученную картинку закодировать в base64 средствами js, полученный код вставлять в атрибут src.