来自base64的响应图像

时间:2019-09-26 00:07:21

标签: angular asp.net-core responsive-design

我一直在探索有关图像的客户端提示,但是我得到的所有示例都使用可靠的图像资源。我的意思是图像文件的实际路径。但是在我的情况下,图像都是基于64位的字符串。所以我想我需要根据自己在API中的提示进行缩放?

另一件事是,在API返回之前,我的页面实际上是类似于以下内容的Bootstrap微调器:

<div *ngIf="loading">
    <spinner></spinner>
</div>
<div *ngIf="!loading">
    <img />
</div>

因此,在API返回之前,无法知道图像的外部尺寸。 (API会返回图像数据以及其他一些模型数据,因为图像字段是模型的一个属性。)

所以我想做的就是在我的HTTP标头中添加一个屏幕宽度,并将其除以3作为图像固有尺寸的新宽度,按照新尺寸缩放图像,并保持其原始纵横比,对其进行base64并将其发送回客户端。

还有更好的方法吗?

0 个答案:

没有答案