javascript - 如何取消加载图像

Question

假设在 Javascript 中将 SRC 分配给 IMG 标记。它是一个大型 SRC，您想在它完成加载之前取消它。将 SRC 分配给另一个图像不会停止加载数据。
也就是说，在加载过程中，您可以将 SRC 分配给另一个较小的图像，较小的图像将被加载并显示在您的浏览器中。但是，原来的 SRC 仍然继续下载。
同样，删除IMG节点也不会阻止SRC继续下载。请不要猜测，请查看复制步骤。
REPRO

在 Windows 的 Chrome 中加载此 URL:http://68.178.240.17/imgLoadTest/imgLoadTest.htm

按 CTRL-SHIFT-J 打开开发者面板

在 Chrome 开发者面板的顶行图标上，单击网络图标以查看网络事件。

在第 1 步中加载的网页上，单击加载图像按钮并观察开发人员面板，因为一个大 (32meg) 图像开始加载。

在网页上单击尝试取消按钮以加载不同的图像。

加载一个小图像，但在开发者面板中观察网络并注意到大图像继续下载。

Answer 1

快速回答

设置src img 的属性标记到空字符串会中断当前下载，即使在 Chrome 上也是如此。

细节

如今，大多数浏览器都实现了旧答案中认为的那种不合标准的机制，以编程方式中止连接。这不是通过协议(protocol)请求实现的，而是通过客户端的内存操作实现的。请记住，这不是标准行为，而是大多数 vendor 的礼貌。也就是说，它不能在所有浏览器上运行。

我准备了一个jsfiddle显示这种机制的作用(密切关注 网络 检查员小组)。

旧答案(2011)

您的浏览器通过 HTTP 协议(protocol)中指定的特定 HTTP GET 请求请求该图像。一旦请求它，http 服务器就会开始传输。

因此，它位于浏览器(作为 http 客户端)和 http 服务器之间。

由于 http 协议(protocol)不考虑中止传输的选项，因此浏览器应该实现一种不符合标准的机制以编程方式中止连接。但由于这没有在任何标准中指定，我认为你不会找到任何方法来使用 javascript 或任何客户端代码来做到这一点。