我创建了一个函数,并设置了一个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¢/ÿÙ” }
可能您正在寻找这个:
<img src="data:image/png;base64,{{
btoa(obj.img) /* or window.btoa(obj.img) try both */
}}"/>