java - 使用 Spring Boot 和 Angular 8/9 显示来自 PostgreSQL 数据库的图像列表/图像数组

Question

使用spring boot从数据库中获取图像列表并尝试通过角度显示这些图像，但无法从下面的代码中成功。我发现许多博客和论坛都在发送一张图片并检索该图片，而不是一堆图片。

下面的代码用于实现我的目标。

1) pic_byte 列之一已存储在数据库中

2）试图获取pickByte

3）尝试将此图像列表发送到角度。

角码

将retrievedImage声明为any并尝试显示图像。

html代码

如果我确实像当时描述的那样，我会收到如下错误警告。

编辑：

原始代码

1. 存储库

   @Repository 公共接口 ProductsRepository 扩展 JpaRepository<ProductsModel, Long>{

    @Query("select picByte from ProductsModel pm")
     public List<byte[]> getImages();
   

   }

2. 控制器

@GetMapping("/retreiveAllImages")
 public List<byte[]> getAllImages() {
 List<byte[]> list = productRepository.getImages();
 return list;
}

角码

retrievedImage: any;
getImages() {
this.productService.getAllImages().subscribe((data => {
this.retrievedImage = 'data:image/jpeg;base64,' + data;
 }))
}

4. HTML 代码

<div *ngIf=retrievedImage>   
<img [src]="retrievedImage"  width="200" height="300"/>
</div>

5. 我从上面的代码收到的错误。

unsafe:data:image/jpeg;base64,GET unsafe:data:image/jpeg;base

因此，非常感谢任何人的帮助。提前致谢。

标签： javaangularspring-bootangular8angular9