In my Angular (v8) project, I have a profile page where I typically display the user's photo using the following method:
<img class="profile-user-img" src="./DemoController/GetPhoto?Id={{rec.Id}}" />
However, I am considering an alternative approach of binding the image through model.ts that is already populated with data from the database. By doing this, I can make a single request to retrieve all necessary information including the photo data within model.ts. How can I achieve this? Do I need to perform any special image data conversion before rendering?
Note: The photo data type on the C# side is byte[]. Any suggestions?
Here is my model.ts file content below:
export interface IUserProfile {
Id: number;
Photo: string | ArrayBuffer;
NameSurname: string;
}