Как реализовать загрузку аватара с реактивной формой в ангуляре?

Question

[Mr. Vazovsky]

Доброго времени суток, господа программисты! Делаю CRUD приложение на ангуляре, обычная талица со студентами. В качестве бэкенда - firebase. При создании нового студента открывается реактивная форма с полями, а также с инпут файл. Нужно реализовать функцию загрузки аватара в приложении. Только не понятно как это сделать, инпут-файл в реактивной форме и отправляется вместе со всеми данными на бд или же он вне реактивной формы??? Сижу над проблемой уже сутки. Буду благодарен за помощь)

Comments

[msdosx86]

Лень весь процесс писать, но в кратце (без реактивной формы, с реактивной формой почти то же самое, только надо будет подписаться на .valueChanges вместо change)

1. Должен быть input type="file"
   
2. Надо подписаться на (change)
   
3. Считать файл через FileReader и через метод readAsDataURL получить base64
   
4. Ну и собственно base64 засунуть в атрибут src
   
5. На сервер уже отправляется через FormData