javascript - 如何中止图像加载

Question

我正在努力减少消耗的流量。这就是为什么我必须取消加载不必要的图像。由于我试图取消加载少数图像，而不是全部图像，所以我无法使用方法

window.stop();

我试图将不必要的图像的 SRC 替换为空字符串值

img.src = '';

但它仅适用于 Chrome 和 Opera，并且仍然尝试加载至少部分图像(整个图像大小的几 kb)。这不是一个解决方案，但仍然有助于减少消耗的流量。但这个解决方案对于 Firefox 和 Safari 来说并不好。我也试图改变

img.src = '1px.png';

虽然尺寸很小(1kb 或更小)，但它仍然不是解决方案。

我还尝试从 HTML 中删除元素。

img.parentNode.removeChild(img);

此代码仅有助于从 HTML 中删除元素，但图像会继续加载。

有没有一种有效的解决方案，适用于所有浏览器并完全取消图像加载？

Answer 1

当您降低网络速度时，我认为这是 Firefox 网络节流问题。您必须使用真正的慢速网络来检查它。

您可以使用img.src ='';在 Firefox 中也是如此。

当你通过节流降低网络速度时，Firefox会以真实的速度下载图像，但会以低速显示下载进度，当你想在下载中取消它时，你不能这样做，因为图像之前已经加载过.