标签 javascript image src
<分区>
我有这样的东西:
document.getElementById('MyPicture').src = 'attempted.png';
如果客户端无法获取该资源，我想将其替换为:
document.getElementById('MyPicture').src = 'error.png'
我知道我可以将 onError=function() 放在图像标签中，但是我如何将 Id 传递给 onError，这样我就可以拥有一个可以更改任何不良图片的 src 的 onError 函数？
最佳答案
是的，你可以使用onerror事件，在图像元素上确实是widely supported ，例如:
var image = document.getElementById('MyPicture');
image.onerror = function () {
alert('error loading ' + this.src);
this.src = 'error.png'; // place your error.png image instead
};
image.src = 'non-existing.jpg';
检查示例 here .
关于javascript 检查 img src 是否有效？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3499941/
相关文章：
javascript - 尝试使用 document.getElementById 更改 CSS 不起作用？
javascript - 在同一个php文件中访问 session 变量
javascript - 上一个/下一个 Javascript 字符串处理？
javascript - 如何迭代对象数组并将结果显示在列表中？
javascript - 无法在 TypeScript 中导入 NPM 包(例如 Faker)
c++ - 在 StaticBitmap wxWidgets 上更改图像