Ionic3中嵌入图片,音频url地址,报unsafe 不安全错误的解决方法

276 阅读1分钟

原因是Ionic2和TypeScript中对外部url资源链接做了安全限制,如何解除安全限制呢?

1.在需要使用外部url链接的ts文件中,引入DomSanitizer类

import { DomSanitizer } from '@angular/platform-browser';  
constructor(private sanitizer: DomSanitizer) {}  

2.将url地址解除限制

public ImgUrl:any //图片等地址
url //代指正常路径代指
this.ImgUrl =this.sanitizer.bypassSecurityTrustResourceUrl(url);
this.ImgUrl=this.ImgUrl.changingThisBreaksApplicationSecurity.substr(1);

3.在html页面中使用

  <img  [src]="ImgUrl" alt="">