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

Posted 2023-03-30

用采集器采集的网站信息，放在帝国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>

js处理img标签加载图片失败，显示默认图片

1.第一种方法： 
如果已经引入了jquery插件，就很好办。没有的话，如果实在需要，可以附上代码：

    script(type=‘text/javascript‘, src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js")
    //这是jade文件的写法，可以自行转换为html



handle error
    $(‘img‘).error(function(){
            $(this).attr(‘src‘, "default.jpg(默认图片的url地址)");
         });

2.第二种方法：如果img标签是少量的话，可以用这个： 
img的onerror事件

<img src=‘test.jpg‘ alt=‘test‘ onerror="this.src=‘default.jpg‘">
//alt属性的意思是在图片为加载成功时显示的文字