一尘不染

jQuery / JavaScript替换损坏的图像

javascript

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

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


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


阅读 272

收藏
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