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

去除angular中blob图片显示报unsafe的错误提示_第1张图片

由于在angular项目中,浏览器在显示blob图片的时候,自动识别该地址为unsafe,导致图片加载不出来。解决方式如下:

在ts文件中添加以下代码

import {DomSanitizer} from '@angular/platform-browser';
...
constructor(private sanitizer:DomSanitizer){}
...
sanitize(url:string){
    return this.sanitizer.bypassSecurityTrustUrl(url);
}

使用:

 

效果:

去除angular中blob图片显示报unsafe的错误提示_第2张图片 

你可能感兴趣的:(❤️❤️--angular,angular.js,javascript,前端)