使用api中的文件路径显示angular 7图像

我需要从API中显示一个角度为7的图像。 我可以通过表单数据或图像路径检索图像。 那么如何以角度显示它呢

我已经尝试使用其文件路径显示图像，但没有成功。下面给出了我尝试的代码

TS文件

this.httpClient.get(`${this.url}`,this.httpOptions)
  .subscribe(data => {
    this.image=data['filePath'];
    this.finalImage = this.sanitizer.bypassSecurityTrustUrl(this.image);
  },
  error => {
    console.log(error);
  }
);

HTML

您在控制台中看到了什么错误？那么，当您从api获取图像url并使用

时，会出现什么问题？当我对此进行控制台设置时，最后的回答是“更改此中断应用程序安全性：”C:/Users/SERVER/Desktop/Storage/upload/13-08-2019/18_屏幕截图（5）.png“不显示图像，与显示损坏图像的图标一样，也会显示一条警告：“警告：清理不安全的URL值SafeValue必须使用[property]=binding:C:/Users/SERVER/Desktop/Storage/upload/13-08-2019/18_屏幕截图（5）.png（请参阅）（请参阅）”您在控制台中看到了什么错误？那么，当您从api获取图像url并使用

时，会出现什么问题？当我对此进行控制台操作时，最终的响应是“更改此中断应用程序安全性：”C:/Users/SERVER/Desktop/Storage/upload/13-08-2019/18_屏幕截图（5）.png“未显示图像，与显示损坏图像的图标一样，也会显示一条警告：“警告：清理不安全的URL值SafeValue必须使用[property]=binding:C:/Users/SERVER/Desktop/Storage/upload/13-08-2019/18_屏幕截图（5）.png（请参阅）（请参阅）”

<div> <img src="{{finalImage}}"> </div>
<div> <img [src]="finalImage"> </div>
<div> <img bind-src="finalImage"> </div>