Angular 我的图像以数字的形式出现

我使用的是SQLite Studio，我在其中添加了一些图像，我使用了PNG和BMP图像，但是在我的项目中，我没有收到图像，而是得到了像十六进制这样的数字：“42 4d 5e b3 00 00 00 00 8a 00…”有人能帮我做些什么吗？我没有发布我的代码，因为我不认为问题出在代码中，但以防我需要编辑和添加代码。我用的是离子3

Produto.ts

export interface Produto {
nom_produto: string;
nom_subcategoria: string;
desc_produto: string;
val_produto: number;
desc_desconto: string;
desc_experiencia: string;
img_produto: Blob;
}

export interface Produtosubcategoria {
nom_produto: string;
desc_produto: string;
val_produto: number;
desc_desconto: string;
desc_experiencia: string;
img_produto: Blob;
}

Database.TS

getProdutosCategoria(pcategoria: number){

return new Promise<Produto[]>((resolve, reject) => { 

  let sql = "SELECT PR.IMG_PRODUTO, PR.NOM_PRODUTO, SC.NOM_SUBCATEGORIA, PR.DESC_PRODUTO, PR.VAL_PRODUTO, PR.DESC_DESCONTO, PR.DESC_EXPERIENCIA " + 
            "FROM TB_PRODUTO PR " +
            "     INNER JOIN TB_SUBCATEGORIA SC " +
            "        ON SC.ID = PR.SUBCATEGORIA_ID " +
            "WHERE SC.CATEGORIA_ID = " + pcategoria;
  console.log(sql);          
  this.executeQuery(sql).then(data => {
    let products = [];
    data.forEach(function (row) {
      let product: Produto = {img_produto: row[0], nom_produto: row[1], nom_subcategoria: row[2],desc_produto: row[3],val_produto: row[4], desc_desconto: row[5], desc_experiencia: row[6]}
      products.push(product);
    });
    resolve(products);

  }).catch(error => {
    console.log(error);
  });

});

 }

Home.HTML

      <ion-item no-lines *ngFor="let produto of produtos"  
      (click)="querocomprar(produto)" no-padding>

      <ion-thumbnail item-start class="imgast">
      {{produto.img_produto}}
           </ion-thumbnail>

{{produto.img_produto}}

Plz分享与数据存储方式相关的代码。（正如您所知：

42 4D

是一个8字节的BMP图像签名）@Aleksey Solovey我不明白有人帮我吗？

42 4D

是BMP文件的神奇数字签名。有关详细信息，请参阅。

     selecionaprodutoscategoria(pcategoria: number) {
      this.db.getProdutosCategoria(pcategoria)
       .then(data => this.produtos = data)
       .catch(error => console.log('Something want wrong!'));
    }

         selecionaprodutossubcategoria(psubcategoria: number) {
        this.db.getProdutosSubcategoria(psubcategoria)
       .then(data => this.produtossubcategoria = data)
       .catch(error => console.log('Something want wrong!'));
      }

      <ion-item no-lines *ngFor="let produto of produtos"  
      (click)="querocomprar(produto)" no-padding>

      <ion-thumbnail item-start class="imgast">
      {{produto.img_produto}}
           </ion-thumbnail>