去除angular中blob图片显示报unsafe的错误提示

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

效果：