javascript - JS/JQuery 在 1 秒后重试 Img 加载

Question

我有一个调用像这样的一堆图像的请求:

<a href='www.domain1.com'><img src='../image/img1.png' onerror='imgError(this);'/></a>
<a href='www.domain2.com'><img src='../image/img2.png' onerror='imgError(this);'/></a>

问题是调用时一些图像 (~20%) 还没有准备好。他们还需要一秒钟。

所以在 js 或 jquery 中，我想做的是在出错时获取失败的图像，等待 1 秒，然后再次尝试加载那些失败的图像。如果他们第二次尝试失败——哦，好吧，我同意。但是我没有正确地这样做......我不应该在 js 的另一个方法中调用超时吗？

function imgError(image) {
    image.onerror = "";
    image.src = image;

    setTimeout(function () {
        return true;
    }, 1000);
}

Answer 1

添加缓存断路器。

function imgError(image) {
    image.onerror = null;
    setTimeout(function (){
        image.src += '?' + +new Date;
     }, 1000);
}

(假设您的图像 URL 还没有查询字符串，根据示例。如果有，显然需要做更多的工作。)