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

【问题标题】：Can we add multiple image sources to html img src tag?我们可以将多个图像源添加到 html img src 标签吗？
【发布时间】：2019-09-20 18:24:56
【问题描述】：

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

下面是我们正在使用的当前标签... https://server1/dir/image" width=\"148\" height=\"auto\" alt=\"logo\">

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

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

【问题讨论】：

标签： html image

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

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

【讨论】：