1. 程式人生 > >ionic3 顯示不出 base64 編碼的圖片

ionic3 顯示不出 base64 編碼的圖片

遇到問題:

    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中使用

這樣問題就解決了