javascript - 在不发出请求的情况下设置 img src

Question

作为构建复制和粘贴代码的一部分，我们必须使用一个 dom 元素，我们将文本/其他 dom 元素附加到其中，最终结果将是要复制的代码。

但是，在附加图像元素时，浏览器总是发出对图像 src 的请求。

有什么解决办法吗？

即

var img = document.createElement('img');
img.src = 'http://dummy.com';

没有浏览器向 dummy.com 发出请求？

我问的原因是我有一个模板，看起来像这样:

<div class="container">
    <div class="items-container">
       <generated tags here>
    </div>
</div>

生成的标签里面有img。

我试图在 a 标签中附加图像并获取 HTML，这样我就可以将它提供给用户，以便在他们的电子邮件事件中使用它。

但我猜它只是不受支持。

我最终添加了 {{token}} 而不是真正的 html，然后使用了字符串(丑陋，但有效)

Answer 1

经过更多研究，这似乎是不可能的，除非我缺少一个浏览器 API。

任何带有 src 的新图像标签都将导致从浏览器发出请求，即使它只是在内存中，或包装在代码块中。