Angular2 net::Base64映像的错误\u未知\u URL\u方案
我试图在HTML上显示jpg/png图像。从服务器我得到Base64字符串。我在HTML中显示为:Angular2 net::Base64映像的错误\u未知\u URL\u方案,angular,base64,Angular,Base64,我试图在HTML上显示jpg/png图像。从服务器我得到Base64字符串。我在HTML中显示为: <md-card> <md-card-content> <img id="uploadPicture" class="uploadPicture" [src]="'data:image/jpg;base64,' +file_src "> </md-card-content> <md-card-actions>
<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>
但它不起作用。有人能告诉我会出现什么问题吗?当上传图像时,在base64string中附加http:\或https:\它起作用了。虽然我仍然得到这个错误,我现在可以看到图像。我已经删除了if(this.file_src!='')检查。
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();
}
)
}
}