TypeScript/Angular img标签显示图片提示不安全

 

 解决方法：

// 参数 base64：base64编码格式的数据

protected getSafeUrl(base64: any) {

    // 将代码做安全处理，base64Url 为全局变量

    this.base64Url = this.sanitizer.bypassSecurityTrustUrl(base64);

  }

 

页面代码：

<img [src]="base64Url" style="width: 100px; height: 100px">

 

提示：sanitizer导入包后在构造方法里引入就可以

import { DomSanitizer } from '@angular/platform-browser';

 constructor( protected sanitizer: DomSanitizer) {}