我一直在探索有关图像的客户端提示,但是我得到的所有示例都使用可靠的图像资源。我的意思是图像文件的实际路径。但是在我的情况下,图像都是基于64位的字符串。所以我想我需要根据自己在API中的提示进行缩放?
另一件事是,在API返回之前,我的页面实际上是类似于以下内容的Bootstrap微调器:
<div *ngIf="loading">
<spinner></spinner>
</div>
<div *ngIf="!loading">
<img />
</div>
因此,在API返回之前,无法知道图像的外部尺寸。 (API会返回图像数据以及其他一些模型数据,因为图像字段是模型的一个属性。)
所以我想做的就是在我的HTTP标头中添加一个屏幕宽度,并将其除以3作为图像固有尺寸的新宽度,按照新尺寸缩放图像,并保持其原始纵横比,对其进行base64并将其发送回客户端。
还有更好的方法吗?