Можем ли мы добавить несколько источников изображений в тег html img src?

Question

У меня есть сценарий, когда мы отправляем электронное письмо конечному пользователю, включая изображение логотипа клиента.И у нас есть два сервера с одинаковым изображением в обоих местах.Как я могу сослаться на два тега изображения под HTML-страницей?

Два местоположения сервера: https://server1/dir/image https://server1/dir/image

Ниже приведен текущий тег, который мы используем ... https://server1/dir/image" ширина= \ "148 \" height = \ "auto \" alt = \ "logo \">

Если один сервер выйдет из строя, это может привести к пропуску логотипа клиента в теле сообщения электронной почты.

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

Answer 1

Сам тег <img> не может поддерживать несколько исходных изображений.Типичное решение - использовать балансировщик нагрузки, чтобы направлять пользователя на любой работающий сервер.Балансировщик нагрузки может быть чем-то необычным, например, аппаратным балансировщиком нагрузки, чем-то простым, например, несколькими записями DNS A, или службой CDN, которая управляет распространением контента.

Если это характерно для электронной почты, вы можете использовать data:источник, который встраивает изображение непосредственно в сообщение, поэтому он вообще не зависит от сетевой службы.

Как отображать изображения Base64 в HTML?

Answer 2

Все теги должны иметь определенный атрибут src.Это определяет изображение для отображения.Как правило, источником является URL

Подробнее: https://html.com/tags/img/#ixzz60EqeFQgd

Answer 3

тег img может иметь только один атрибут src.Я бы посоветовал вам использовать CDN, например облачный, для размещения изображения и указать ссылку на изображение в электронном письме, которое вы отправляете