Java 如何使用angular检索路径存储在数据库中的图像？

我想显示存储在数据库中的图像。

---

数据库存储图像的路径。我想用angular检索图像。我该怎么做呢？

您需要创建一个服务来调用API来获取图像URL（我假设图像存储在JSON文件中）

创建组件ts文件以调用服务并返回图像url

export class AppComponent {
  name = 'Test display image';
  thumbnail: any;
  constructor(private imageService: ConfigService, private sanitizer: DomSanitizer) { }

  ngOnInit() {
     this.imageService.getData()
      .subscribe((baseImage : any) => {

        let objectURL = baseImage.image;

         this.thumbnail = objectURL;

      });
  }
}

更新HTML文件以显示图像

<img width="100%" id="myimage" [src]='thumbnail' />

---

演示：

您必须编写api并从该表中选择查询，返回json并使用angularSimple和Nice解决方案中的http模块调用。在您的图像中，url是绝对路径，您应该使用相对路径，如/image/abc.png

<img width="100%" id="myimage" [src]='thumbnail' />