js实现图片不能显示时替换图片显示

最新推荐文章于 2023-12-14 15:35:39 发布

酱香鸭脖

最新推荐文章于 2023-12-14 15:35:39 发布

阅读量633

点赞数

CC 4.0 BY-SA版权

分类专栏：日常记录文章标签： javascript html html5

原文链接：http://hi.baidu.com/comasp/item/ab1852191a508a17e2f9867a

日常记录专栏收录该内容

8 篇文章

订阅专栏

本文探讨了网页中图片加载错误时的处理方法，通过JavaScript实现了一个简单的图片错误替换功能，并提及AntDesign的Image组件，该组件提供了更完善的图片加载错误处理和额外的功能，适合前端开发者进一步研究。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本文转载自：如流，新一代智能工作平台

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>替换示例</title>
</head>

<body>
<img id="img" src="001.jpg" onerror="showerrimg(this);" >
<script language="JavaScript">
function showerrimg(obj){
     var errorimg = "error.jpg";//替换图片地址
     obj.src = errorimg;
}
</script>
</body>
</html>

扩展：

后来发现再 antd 的 Image 组件也实现了这个效果，还封装了一些其他功能，感兴趣的可以去看看

Ant Design Image 组件