How to implement avatar upload with reactive form in angular?

Question

JavaScript

Good day, gentlemen programmers! I am making a CRUD application in Angular, a regular table with students. As a backend - firebase. When creating a new student, a reactive form opens with fields, as well as an input file. It is necessary to implement the function of loading an avatar in the application. But it is not clear how to do this, is the input file in a reactive form and is sent along with all the data to the database, or is it outside the reactive form ??? I've been working on this problem for days now. I will be grateful for help)