大家好,这让我疯了.我尝试了我能在网上找到的所有修复程序,似乎没有任何工作.
我从DB加载base64图像信息,返回base64编码的图像,如下所示：
/9j/4AAQSkZJRgABAQEBLAEsAAD/4UHuRXhpZgAATU0AKgAAAAgABgEaAAUAAAABAAAAVgEbAAUAAAABAAAAXgEoAAMAAAABAAIAAAITAAMAAAABAAEAAIdpAAQAAAABAAAIcuocAAcAAAgMAAAAZgAAEOQAAAEsAAAAAQAAASwAAAABHOoAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA...
photo_url(data:string){
this.user_photo = this.domSanitizer.bypassSecurityTrustResourceUrl('data:image/jpeg;base64,' + data).toString();
}
我的HTML文件如下所示：
<img [src]="user_photo ? user_photo : 'assets/img/default.png'">
WARNING: sanitizing unsafe URL value SafeValue must use [property]=binding: data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEBLAEsAAD/4UHuRXhpZgAATU0AKgAAAAgABgEaAAUAAAABAAAAVgEbAAUAAAABAAAAXgEoAAMAAAABAAIAAAITAAMAAAABAAEAAIdpAAQAAAABAAAIcuocAAcAAAgMAAAAZgAAEOQAAAEsAAAAAQAAASwAAAABHOoAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA...
错误说sanitizer应该使用属性绑定,它是,但它仍然显示错误和图像不显示.
我在这里错过了什么吗？
谢谢！
解决方法
当您使用.toString时,您根据需要将user_photo设置为字符串而不是SafeResourceUrl.
实际上只需删除.toString()就可以正常工作.否则你基本上只是撤消DomSanitizer的工作.
user_photo: SafeResourceUrl;
photo_url(data: string){
this.user_photo = this.domSanitizer.bypassSecurityTrustResourceUrl(
'data:image/jpeg;base64,' + data);
}
