Адаптивные изображения из base64 - PullRequest
Новая
       18

Адаптивные изображения из base64

0 голосов
/ 26 сентября 2019

Я изучал подсказки клиентов на изображениях, но во всех примерах я использовал надежный ресурс изображений.Под этим я подразумеваю фактический путь к файлу изображения.Но в моей ситуации все изображения представляют собой 64 строки.Итак, я думаю, мне нужно масштабировать его в соответствии с подсказками в моем API?

Другое дело, что перед возвратом API моя страница на самом деле является спиннером Bootstrap, подобным следующему: 

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

Таким образом, невозможно узнать внешний размер изображения до того, как API вернется.(API возвращает данные изображения, а также некоторые другие данные модели, поскольку поле изображения является одним из свойств модели.)

Итак, я собираюсь добавить ширину экрана к моему HTTP-заголовку иразделите это на 3 как новую ширину внутреннего размера изображения, масштабируйте изображение в соответствии с новым размером, сохраняя его исходное соотношение сторон, base64 и отправьте его обратно клиенту.

Есть ли что-нибудь лучшепути?

...