Angular2 net :: ERR_UNKNOWN_URL_SCHEME適用於Base64圖像

我試圖在HTML上顯示jpg/png圖像。從服務器我得到Base64字符串。我在HTML中顯示爲：Angular2 net :: ERR_UNKNOWN_URL_SCHEME適用於Base64圖像

<md-card> 
    <md-card-content> 
    <img id="uploadPicture" class="uploadPicture" [src]="'data:image/jpg;base64,' +file_src "> 
    </md-card-content> 
    <md-card-actions> 
    <input id="uploadedFile" type="file" #fileInput (change)="chooseImage(fileInput.files)"/> 
    <button md-raised-button color="primary" [disabled]="isUploaded" (click)="uploadPicture(fileInput.files)">{{'upload picture' | translate}}</button> 
    <button md-raised-button color="primary" [disabled]="isRemoved" (click)="removePicture()">{{'remove picture' | translate}}</button> 
    </md-card-actions> 
</md-card>

當我使用PUT URL上傳圖片時，它工作正常。但是，當我嘗試下載使用GET API它，它給我的錯誤是：

網:: ERR_UNKNOWN_URL_SCHEME

我得到的警告也爲：

警告：消毒不安全URL值

我在我的組件中使用如下消毒劑：

ngOnInit(): void { 
    if(this.file_src!='') 
    { 
     this.userService.getPicture() 
     .then(
     (response:any) => { 
     console.log(response); 
     this.file_src = response.json(); 
     this.file_src = this._sanitizer.sanitize(SecurityContext.URL, `data:image/png;base64,${this.file_src}`); 
     } 
    ) 
     .catch(
     (error:any) => { 
     this.displayError(); 
     } 
    ) 
    } 
    }

但它沒有奏效。有人能告訴我什麼可能是一個問題？

來源

2016-11-25 Nilakshi Naphade

它工作。雖然我仍然遇到這個錯誤，但我現在可以看到圖像。我已經刪除了，如果（this.file_src！=''）檢查。 –

上傳圖片在base64string中追加http：\或https：\。

來源

2017-12-19 00:12:20

Angular2 net :: ERR_UNKNOWN_URL_SCHEME適用於Base64圖像

回答

相關問題