由于在angular项目中,浏览器在显示blob图片的时候,自动识别该地址为unsafe,导致图片加载不出来。解决方式如下:
在ts文件中添加以下代码
import {DomSanitizer} from '@angular/platform-browser';
...
constructor(private sanitizer:DomSanitizer){}
...
sanitize(url:string){
return this.sanitizer.bypassSecurityTrustUrl(url);
}
使用:
<img style="width: 100%;height:100%" [attr.src]="sanitize(item.url)" alt="">
效果: