ionic3 顯示不出 base64 編碼的圖片
阿新 • • 發佈:2019-01-08
遇到問題:
ionic3 顯示 base64 編碼的圖片報錯,顯示不出來,報錯如下:
問題造成原因:
後面細看文件才發現:是因為 Ionic2 和 TypeScript 中對外部 ur 資源連結做了安全限制
解決問題:
1、在需要使用外部url連結的 .ts 檔案中,引入DomSanitizer類
import { DomSanitizer } from '@angular/platform-browser';
constructor(private sanitizer: DomSanitizer) {}
2、在需要使用轉換的url進行處理
/** 獲取 activeUser */ getActiveUser(){ this.activeUser = this.nativeSer.getObject('activeUser'); if(this.activeUser){ let safeUrl = this.sanitizer.bypassSecurityTrustResourceUrl('data:image/png;base64,'+this.activeUser.logo); this.userLogo = this.activeUser.logo ? safeUrl : DEFAULT_USER_IMG; } }
3、html中使用
這樣問題就解決了