检测图片

HTML

//no                       
                        

JS

 //定义一个匿名函数，用来执行图片src检测
 $(function (){     
      //循环选中的img元素
      $("img").each(function (i,e){
          //获取单一img元素的src属性值
          var imgsrc = $(e).attr("src");
          //在图片加载完成后，显示图片信息
          $(e).load(function(){
               //显示图片成功加载的消息
               $("<p> 加载图片路径"+imgsrc+" </p>").appendTo("#samplemsg");
            }).error(function() {
               //编写error事件处理代码，当图片src错误时，显示错误消息
               $("<p> 错误的图片src "+ imgsrc  +"</p>").appendTo("#samplemsg");
               //同时更改错误的src链接为不存在的占位符图片链接
               $(e).attr("src","images/noexistspic.jpg");
            }) ;        
      });
  });