判断 图片加载 完成与否的 js？

Question

怎样判断图片 加载 成功 还是 网络不好 加载失败？js 怎么写？最好兼容性好 支持Opera.

Answer 1

function showImage(url){
  var o = document.createElement('img');
  o.src = url;
  document.body.appendChild(o);
}
function loadImage(url){
      var o= new Image();
      o.src = url;
      if(o.complete){
        showImage(url);
      }else{
        o.onload = function(){
          showImage(url);
        };
        o.onerror = function(){
          window.alert('图片加载失败:'+url);
        };
      }
  }

Answer 2

img.timer = setTimeout(function(){alert("网络不通")}, 4000);
img.onload = function(){
   clearTimeout(this.timer);
}

Answer 3

就是你当前的图片对象。
<img id="pic" src=""/>img=document.getElementById("pic");
img.timer = setTimeout(function(){alert("网络不通")}, 4000);
img.onload = function(){
  clearTimeout(this.timer);
}

Answer 4

报错了！！！！！
错误提示！！！！！
Inline script thread
Uncaught exception: TypeError: Cannot convert 'img' to object
Error thrown at line 9, column 0 in file://localhost/D:/Soon/桌面/图片加载/11.html:
img.timer = setTimeout(function(){alert("网络不通")}, 4000);

Answer 5

楼上  showImage（）和loadImage（）方法写在什么地方？

Answer 6

<img src='1.jpg' onload="alert('加载完毕！')" />onload是图像对象的一个属性，你要先获得img对象，从你的错误提示看来，你获得的不是image对象。
上面的代码你拿去测试一下，一行代码应该可以说明问题了。

Answer 7

var img = new Image();
img.onload=function(){
alert("load");
};
img.src="url";