Можно ли заставить атрибут src получать данные base64 с сервера или с сервера настройки?

Question

У меня есть этот тег изображения, который должен быть в электронном письме, где я не могу использовать Javascript. Как я могу сделать так, чтобы этот тег изображения src извлекал данные base64 из моего API, учитывая, что API работает и написан сам?

    <img src="https://qr-generator-test.herokuapp.com/create-qr-code?data=184B2598-E19C- 
    4454-95CE-6BD7498F21D4" style="max-width:300px; width: 100%; padding: 0px; 
    text-align: center; display:block;" width="300">

Или, может быть, я могу изменить свой API, чтобы сделать что-то умнее? Любое решение?

Answer 1

Прежде чем отправить электронное письмо клиенту, измените src attr на действительный образ base64:

 <img src="data:image/gif;base64,..." style="max-width:300px; width: 100%; padding: 0px; 
    text-align: center; display:block;" width="300">

Здесь вы должны закодировать двоичное изображение QR-кода в base64.

Или установить его в свой текущий URL-адрес и отобразить изображение как обычное.

 <img src="https://qr-generator-test.herokuapp.com/create-qr-code?data=184B2598-E19C- 
    4454-95CE-6BD7498F21D4" style="max-width:300px; width: 100%; padding: 0px; 
    text-align: center; display:block;" width="300">

Для этого вам нужно вернуть двоичные данные изображения по URL, и ничего больше.Нет ссылки на другое изображение, нет текста, просто обычный двоичный код из вашего QR-кода.

Когда я посещаю: https://qr-generator-test.herokuapp.com/create-qr-code?data=184B2598-E19C-%204454-95CE-6BD7498F21D4 я получаю URL, а не действительное изображение.https://qr-generator-test.herokuapp.com/qr-code/55m1bnju1367f7.png указывает на изображение QR-кода.

Я надеюсь, что смогу уточнить, в чем ваша проблема.