Angular2 net :: ERR_UNKNOWN_URL_SCHEME für Base64 Bild

Question

Ich versuche, JPG/PNG-Bilder auf HTML anzuzeigen. Vom Server erhalte ich Base64-String. Welches ich aus in HTML als anzeigen:

Wenn ich das Bild mit PUT URL hochladen, funktioniert es gut. Aber wenn ich versuche zum Download es GET-API unter Angabe der mir Fehler wie:

net :: ERR_UNKNOWN_URL_SCHEME

ich Warnung bin immer auch als:

WARNUNG: Hygienisierung unsicher URL-Wert

ich verwende die sanitizer in meiner Komponente wie folgt:

ngOnInit(): void { 
    if(this.file_src!='') 
    { 
     this.userService.getPicture() 
     .then(
     (response:any) => { 
     console.log(response); 
     this.file_src = response.json(); 
     this.file_src = this._sanitizer.sanitize(SecurityContext.URL, `data:image/png;base64,${this.file_src}`); 
     } 
    ) 
     .catch(
     (error:any) => { 
     this.displayError(); 
     } 
    ) 
    } 
    } 

Aber es hat nicht funktioniert. Kann mir jemand sagen, was ein Problem sein könnte?

Answer 1

Beim Hochladen von Bildern fügen Sie http: \ oder https: \ in base64string hinzu.