javascript - 如何在一段时间后取消图像加载？

Question

我需要能够在设定的时间段后取消图像加载，并且它需要随后调用 onError 操作。

它会做什么:

尝试检索资源。 src="https://www.site.com/cgi-bin/pullimg.cgi?user=+encodeURI(document.cookie) ，它提取用户特定的资源。cookie 存储在 protected 文件夹中。

如果在1秒(1000ms)内不能，则执行onError。

onError 更改图像 src 属性，然后重新加载 img。 (更改为不同的uri，如mirror.site.com/err.png)

此外，它可以是一个 javascript 函数(newImage)。

很抱歉没有提供现有的代码；不过，我可以用多种语言编写代码。

Answer 1

试试这个:

var image = new Image();
image.src = "https://www.site.com/cgi-bin/pullimg.cgi?user=" + encodeURI( document.cookie );
setTimeout
(
    function()
    {
        if ( !image.complete || !image.naturalWidth )
        {
            image.src = "http://mirror.site.com/err.png";
        }
    },
    1000
);