您好，我的表中有spring boot应用程序，我将图像存储为字节[] arr。通过获取请求，我将结果发送到离子应用程序到显示器。但是在其中不显示图像。

这是代码，

Java Spring Boot（模型）

 @Column(name = "image")
    public byte []getImage() {
        return image;
    }
    public void setImage(byte [] image) {
        this.image = image;
    }

Java Spring Boot控制器

 @GetMapping("/drivers/{id}")
    public ResponseEntity<Drivers> getEmployeeById(@PathVariable(value = "id") Long driverId)
            throws Exception {
        Drivers employee = driverRepository.findById(driverId)
                .orElseThrow(() -> new Exception("Employee not found for this id :: " + driverId));
        return ResponseEntity.ok().body(employee);
    }

Angular /离子

etchAlarms(){
    return this.http.get<any>('http://localhost:8080/api/getAllDrivers')
    .subscribe(transformedData =>{
      this.alarmsChanged.next(transformedData);
    });
  }

的HTML

 <img src="data:image/png;base64,{{alarms.image}}"/>

我读了几乎所有与此有关的问题，但不幸的是我无法解决问题。

这是我检查过的一些相关问题；

如何在Ionic 4中的iPhone上显示base64图像

如何使用angular js在Ionic 4中显示图像

离子框架应用中未显示Base64编码的图像

Ionic / AngularJS base64图像不会显示

非常感谢你。任何帮助表示赞赏

编辑

这是Chrome控制台的错误

unsafe:data:image/png;base64,:1 GET unsafe:data:image/png;base64, net::ERR_UNKNOWN_URL_SCHEME

查看更多