img加载图片错误的时候，如何给个默认图？Html

Posted 2023-03-30

img加载图片错误的时候，如何给个默认图？ Img加载错误的时候不要那个“红叉”，给一个默认的透明的小图片，如何实现？

参考技术A 利用 Img的onerror事件。例如：<img src="图片地址" onerror="替换红叉图片地址" /> 参考技术B <img src="aaa.jpg" lowsrc="loading.gif">

加载图片失败显示默认图片的办法

用采集器采集的网站信息，放在帝国CMS里边。有的图文新闻，图片的地址是错误的，我想用代码判断，如果图片加载失败，就显示一张默认的图片。代码如下：<script language="javascript" type="text/javascript">window.onload=function() var imgs = document.getElementsByTagName("img"); for(var i=0;i<imgs.length;i++) if(imgs[i].readyState=="uninitialized") imgs[i].src="[!--news.url--]skin/default/images/notimg.gif";
</SCRIPT>我测试了，在IE下好使。可是火狐不支持。请问谁有好的办法！！！谢谢了

写入两个代码：

1. [代码]img标签src对应的图片不存在，显示一个默认的图片
?

1

<img src="abc.JPG" onerror="this.src=\'default.JPG\'" />

2. [代码][CSS]引用“何世友@PoQoP”童鞋的方案
?
<script type="text/javascript">
t = document.getElementsByClassName("defaultImg");
for(i = 0; i < t.length; i++)
t.item(i).onerror = function()
this.src = "test.gif"


</script>
//采用 className 是为了更好的适应页面，不是每个img我们都要这样做的，甚至不同地方的img
//我们要显示不同的默认图片。（采用img同样做法）。
//采用id则是犯了错误，id 导致只会拿到第一个id相符的。
//此代码经过测试在 非IE 的browser上正常工作。

//为了兼容IE个废物，请使用以下代码：

<script type="text/javascript">
t = document.getElementsByTagName("img");
for(i = 0; i < t.length; i++)
t.item(i).onerror = function()
if(this.id =="defaultImg")
this.src = "test.gif";
this.onerror = null;



</script> 参考技术A 　　加载图片失败显示默认图片的解决方法：
　　1、onerror="onerror=null;src='xxx.xxx.xxxgif'"
　　将上述代码复制到图片标签中即可。
　　2、然后故意将图片路径(src)指向一个错误地址，这个时候就会显示默认的图片。 参考技术B <script type="text/javascript">
var imgs = document.images;
for(var i = 0;i < imgs.length;i++)
imgs[i].onerror = function()
this.src = "[!--news.url--]skin/default/images/notimg.gif";


</script>