gpt4 book ai didi

javascript - jQuery/JavaScript 替换损坏的图像

转载 作者:bug小助手 更新时间:2023-10-28 10:53:51 26 4
gpt4 key购买 nike

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

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


--我认为使用 jQuery 会更容易做到这一点,但结果证明使用纯 JavaScript 解决方案要容易得多,即 Prestaul 提供的解决方案。

最佳答案

使用 JavaScript 处理图像的 onError 事件以重新分配其来源:

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';" />

以下兼容性表列出了支持错误工具的浏览器:

http://www.quirksmode.org/dom/events/error.html

关于javascript - jQuery/JavaScript 替换损坏的图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/92720/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com