js判断图片是否加载完成

主要是利用javascript中Image对象，有两种方法可以判断

第一中是使用onload事件，比如：

 <script type=”text/javascript”>
 
    var obj = new Image();
 
    obj.src = “yourpicurl.jpg”;
 
    obj.onload = function()
 
    {
 
    document.getElementById(”mypic”).innnerHTML = “<img src=’”+this.src+”‘ />”;
 
    }
 
    </script>
 
    <div id=”mypic”>onloading……</div>

第二种方法是使用onreadystatechange来判断

 <script type=”text/javascript”>
 
    var obj = new Image();
 
    obj.src = “yourpicurl.jpg”;
 
    obj.onreadystatechange = function()
 
    {
 
    if ( this.readyState == “complete”)
 
    {
 
    document.getElementById(”mypic”).innnerHTML = “<img src=’”+this.src+”‘ />”;
 
    }
 
    }
 
    </script>
 
    <div id=”mypic”>onloading……</div>