Come mostrare un’image ricevuta come Blob object in Angular 5 / Ionic
Dato che state leggendo questo post, immagino che già avrete superato l’ostacolo di recuperare l’immagine come blob object ma ancora non avete capito come usarlo per visualizzare l’immagine. Fatta questa premessa, per risolvere il problema per prima cosa dovete definire nel template ( html ) il bind della variabile che conterrà l’url dell’immagine che volte far vedere.
<img [src]=imageUrl>
quindi dovrete utilizzare DomSanitizer per recuperare l’url dell’immagine in memoria in formato blob object e pertanto sarà necessario importare il componete.
import { DomSanitizer } from '@angular/platform-browser';
constructor(private sanitizer:DomSanitizer)
a questo punto sarà sufficiente generare l’url e bypassare eventuali problemi di sicurezza per url considerate non sicura usando bypassSecurityTrust a cui passerete come parametro unsafeUrl ottenuto.
getImageFromService() {
this.authService.getProfileImage().subscribe(data => {
unsafeImageUrl = URL.createObjectURL(data);
imageUrl = this.sanitizer.bypassSecurityTrustUrl(unsafeImageUrl);
}, error => {
console.log(error);
});
}
Questa procedura genererà un url temporaneo della tua immagine.
Sono amante della tecnologia e delle tante sfumature del mondo IT, ho partecipato, sin dai primi anni di università ad importanti progetti in ambito Internet proseguendo, negli anni, allo startup, sviluppo e direzione di diverse aziende; Nei primi anni di carriera ho lavorato come consulente nel mondo dell’IT italiano, partecipando attivamente a progetti nazionali ed internazionali per realtà quali Ericsson, Telecom, Tin.it, Accenture, Tiscali, CNR. Dal 2010 mi occupo di startup mediante una delle mie società techintouch S.r.l che grazie alla collaborazione con la Digital Magics SpA, di cui sono Partner la Campania, mi occupo di supportare ed accelerare aziende del territorio .
Attualmente ricopro le cariche di :
– CTO MareGroup
– CTO Innoida
– Co-CEO in Techintouch s.r.l.
– Board member in StepFund GP SA
Manager ed imprenditore dal 2000 sono stato,
CEO e founder di Eclettica S.r.l. , Società specializzata in sviluppo software e System Integration
Partner per la Campania di Digital Magics S.p.A.
CTO e co-founder di Nexsoft S.p.A, società specializzata nella Consulenza di Servizi in ambito Informatico e sviluppo di soluzioni di System Integration, CTO della ITsys S.r.l. Società specializzata nella gestione di sistemi IT per la quale ho partecipato attivamente alla fase di startup.
Sognatore da sempre, curioso di novità ed alla ricerca di “nuovi mondi da esplorare“.
Comments