我发现使用:

<img src="file://null">

不会发出请求并正确验证。

浏览器只会阻止对本地文件系统的访问。

但是在Chrome的控制台日志中可能会显示一个错误，例如:

Not allowed to load local resource: file://null/

根据本文，使用真正空白、有效且高度兼容的SVG:

src = " +:形象/ svg xml数据;charset = utf8, 3Csvg % 20xmlns = http://www.w3.org/2000/svg’排% 3C / svg %排”

与任何SVG一样，它的默认大小为300x150px，但是您可以在img元素的默认样式中使用它，因为在实际实现中任何情况下都可能需要它。

我建议动态添加元素，如果使用jQuery或其他JavaScript库，它是相当简单的:

http://api.jquery.com/appendTo/ http://api.jquery.com/prependTo/ http://api.jquery.com/html/

再看看prepend和append。否则，如果你有一个这样的图像标签，你想让它有效，那么你可以考虑使用一个虚拟的图像，如1px透明gif或png。

我有段时间没这么做了，但我也经历过一次。

<img src="about:blank" alt="" />

是我最喜欢的—//:0表示您将尝试在端口0 (tcpmux端口?)上与原始服务器建立HTTP/HTTPS连接—这可能是无害的，但我宁愿不这样做。哎呀，浏览器可能只看到端口0，甚至不发送请求。但我还是不希望你这么说因为这可能不是你想说的。

无论如何，在我测试的所有浏览器中，about:blank的渲染实际上都非常快。我只是把它扔到W3C验证器中，它没有抱怨，所以它甚至可能是有效的。

编辑:不要这样做;它不能在所有浏览器上工作(它会显示一个“破碎的图像”图标，正如在这个答案的评论中指出的那样)。使用<img src='data:…下面的解决方案。或者如果你不关心有效性，但仍然想避免对服务器的多余请求，你可以执行<img alt="" />，不带src属性。但这是无效的HTML，所以要小心选择。

Test Page显示了一大堆不同的方法:http://desk.nu/blank_image.php—提供了各种不同的文档类型和内容类型。-正如下面评论中提到的，使用Mark Ormston的新测试页面:http://memso.com/Test/BlankImage.html

我发现，简单地将src设置为一个空字符串，并在CSS中添加一个规则来隐藏损坏的图像图标就可以了。

[src=''] {
    visibility: hidden;
}

简单来说，就像这样:

<img id="give_me_src"/>