jQuery / JavaScript替换损坏的图像

小编典典

jQuery / JavaScript替换损坏的图像

javascript

我有一个包含一堆图像的网页。有时，该图像不可用，因此在客户端的浏览器中会显示损坏的图像。

如何使用jQuery获取图像集，将其过滤为损坏的图像，然后替换src？

-我以为使用jQuery会更容易，但是事实证明，仅使用纯JavaScript解决方案（即Prestaul提供的解决方案）要容易得多。

阅读 309

2020-04-23

共1个答案

小编典典

处理onError事件以使用JavaScript重新分配图像源：

function imgError(image) {
    image.onerror = "";
    image.src = "/images/noimage.gif";
    return true;
}



<img src="image.png" onerror="imgError(this);"/>

或没有JavaScript函数：

<img src="image.png" onError="this.onerror=null;this.src='/images/noimage.gif';" />

2020-04-23