如何从phpmyadmin表中以角度加载Blob图像

问题描述 投票:0回答:1

我创建了一个函数,并设置了一个get方法以从表中接收所有数据。但是我无法在浏览器上显示图像。我已经尝试了所有“解决方案”,但似乎无济于事。

这是我目前拥有的

<tbody>
  <tr *ngFor="let obj of dataArr">
    <td>{{obj.name}}</td>
    <td>{{obj.price}}</td>
    <td>
      <img  src="data:image/png;base64,{{obj.img}}"/>
    </td>
  </tr>
</tbody>

名称和价格显示良好。

这是我在控制台日志时收到的数据:0:{id:2,名称:“ nesto”,价格:“ 6”,img:“ÿØÿàJFIFÿáExifII*ÿá…”“ QD¢%(DJ“ QD¢%(DJ” QD¢%(DJ“ QD¢/ÿÙ” }

html angular database laravel phpmyadmin
1个回答
0
投票

可能您正在寻找这个:

<img src="data:image/png;base64,{{
    btoa(obj.img) /* or window.btoa(obj.img) try both */
}}"/>

© www.soinside.com 2019 - 2024. All rights reserved.