由于在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="">

效果:

 

Logo

腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。

更多推荐