我有一个包含一堆图像的网页。有时图像不可用,因此客户端浏览器中会显示损坏的图像。
如何使用 jQuery 获取图像集,将其过滤为损坏的图像,然后替换 src?
——我认为使用 jQuery 会更容易,但结果证明使用纯 JavaScript 解决方案要容易得多,即 Prestaul 提供的解决方案。
使用 JavaScript处理onError图像以重新分配其源的事件:
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