Cześć. Stworzyłem API, które pobiera zdjęcie użytkownika i specjalna funkcja w angularze je wyświetla. Pobrane zdjęcie jest typu blob. Ogólnie wszystko działa, jednak funkcję odpowiedzialną za wyświetlenie tego zdjęcia, chciałbym umieścić w osobnym pliku, tak abym w każdym z komponentów mógł z niej skorzystać i zwrócić z niej już gotowe zdjęcie do wyświetlenia (funkcja jest wykorzystywana w wielu miejscach i wielokrotne powielanie tego samego kodu trochę mnie męczy :D).
Funkcja:
createImage(image: Blob) {
if (image && image.size > 0) {
const reader = new FileReader();
reader.addEventListener("load", () => {
this.profileImg = reader.result;
}, false);
reader.readAsDataURL(image);
} else {
this.profileImg = '../../../../assets/images/default_profile.png';
}
}
Czy ktoś ma może pomysł, jak to można fajnie zrobić? Ogólnie wyświetlanie zdjęć z api jest dla mnie nowością i ciężko mi znaleźć coś na ten temat w internecie.
Pozdrawiam i z góry dziękuję za pomoc!