我们可以将多个图像源添加到 html img src 标签吗?



我有一个场景,我们向用户发送电子邮件,包括客户端徽标图像。我们有两台服务器,包含到两个位置的相同图像。 如何在 HTML 页面下引用两个图像标签?

两个服务器位置: https://server1/dir/image https://server1/dir/image

以下是我们正在使用的当前标签... https://server1/dir/image" 宽度=\"148\" 高度=\"自动\" alt=\"徽标\">

如果一台服务器出现故障,可能会导致电子邮件正文下的客户端徽标丢失。

您能否指导我在这一部分如何在同一标签下引用不同的服务器以获取图像路径。

<img>标记本身不能支持多个源图像。 典型的解决方案是使用负载均衡器将用户定向到实际启动的任何服务器。 负载均衡器可以是硬件负载平衡器等花哨的东西,也可以是多个 DNS A 记录等简单的东西,也可以是管理内容分发的 CDN 服务。

如果这是特定于电子邮件的,则可以使用data:源,将图像直接嵌入到邮件中,因此它根本不依赖于网络服务。

如何在 HTML 中显示 Base64 图像?

img 标签只能有一个 src 属性。我建议您使用 CDN 例如云来托管图像,并在您发送的电子邮件中引用指向图像的链接

所有标签都必须具有定义的 src 属性。这将定义要显示的图像。通常,src 是一个 URL

阅读更多: https://html.com/tags/img/#ixzz60EqeFQgd

最新更新