我们可以在 html img src 标签中添加多个图像源吗？

Question

I have a scenario where we send an email to the user end includes clients logo image. And we have two servers containing same image to both locations. How I can refer two image tags under HTML page?

Two server locations: https://server1/dir/image https://server1/dir/image

Below is current tag we are using... https://server1/dir/image" width=\"148\" height=\"auto\" alt=\"logo\">

If one server goes down it may lead to miss the client's logo under an email message body.

Could you please guide me on this part how we can refer to different servers for image path under the same tag.

Answer 1

The <img> tag itself cannot support multiple source images. The typical solution is to use a load balancer to direct the user to whatever server is actually up. The load balancer can be something fancy like a hardware load balancer, something easy like multiple DNS A records, or a CDN service that manages content distribution.

If this is specific to email, you can use a data: source, that embeds the image directly in the message, so it doesn't rely on a network service at all.

How to display Base64 images in HTML?

Answer 2

img tag can only have one src attribute. I'd suggest you use a CDN eg cloudinary to host the image and reference the link to the image in the email you are sending

Answer 3

All tags must have a defined src attribute. This defines the image to be displayed. Typically, the src is a URL

Read more: https://html.com/tags/img/#ixzz60EqeFQgd