问题标签 [onerror]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
265 问题
0
投票
1
回答
1726
浏览
javascript - JavaScript：给定图像 URL 列表，如何显示第一个未损坏的图像？
我收到一个图像 URL 列表，目前我的页面上有几个隐藏的 img 元素（列表中的每个 URL 一个）。页面加载完成后，我使用 JavaScript 检查图像并显示（即设置 myImage.style.display="inline"）第一个未损坏的图像。这很简单。但是，它要求我请求所有图像。
我想做的是一次加载每个图像并确定它是否损坏。如果图像损坏，请尝试加载下一张。如果它很好，则显示它并忽略其余部分。（这将节省一些不必要的请求。）
该算法很简单，但诀窍在于图像加载时间。问题是在 isBroken 检查发生之前图像可能尚未加载，因此可能会忽略良好的图像。然后的方法是将 img 的 onload 和 onerror 事件纳入解决方案。
我在这里发帖看看是否有人遇到过类似的问题以及他们的解决方案可能是什么。
谢谢！
0
投票
16
回答
145026
浏览