js当图片不存在的时候, 用默认图片代替

javascript 函数语法

有时候, 我们加载的一些图片由于某种原因不存在或者暂时不能访问, 我们希望可以用一些默认图片代替.

最简单的方法:

1, 使用img标签的onerror属性, img标签src对应的图片不存在,显示一个默认的图片  
<img src="abc.jpg" onerror="this.src='default.jpg'" />


使用js批量替换可以这样:

  t = document.getElementsByTagName("img");
  for(i = 0; i < t.length; i++){
      t.item(i).onerror = function(){
            this.src = "default.jpg";
            this.onerror = null;
      }
    }


2, 使用js的Image对象:

var img = new Image();
img.src = url;
if (img.complete) {
success_fn(url, index);
} else {
img.onload = function () {
success_fn(url, index);
img.onload = null;
};
img.onerror = function () {
error_fn(url, index);
};
};

onerror 事件中指定操作即可.

另外还有一些旧代码是判断Image对象的宽高属性的, 一样可以达到效果.



欢迎转载,转载请注明来自一手册:http://yishouce.com/article/36.html
友情链接It题库(ittiku.com)| 版权归yishouce.com所有| 友链等可联系 admin#yishouce.com|粤ICP备16001685号-1