图片加载失败时怎样替换?

发布时间:2024年01月12日

我们在做项目是、时,有时候一些图片会不显示,会报错,加载失败,会显得不美观,有一种方法可以很好的解决:onerror 事件,这个事件属于一个错误事件,就是当页面报错是会触发。

<img src="img/企业家图片/微信图片_20230908215633.jpg" width="100%" height="100%" onerror="javascript:this.src='img/企业家图片/图片加载失败.png';this.onerror = null"/>

这是一个比较简单的方法,可以直接在HTML里的img行内添加,里面有两个src,第一个src是正常显示图片,第二个是在onerror事件里,当图片加载失败时的替换图片,如果第二张图片也失败的话,页面会进入死循环。

这是正常图片加载失败时的样子;

这是添加onerror事件图片加载失败时的样子,这个事件是让页面更美观。?

文章来源:https://blog.csdn.net/FENGZXCjjjjj/article/details/135543024
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。