Question

js判断图片是否加载完成

Answer 1

<img src="1.jpg" onload="alert(1)"/> 如果加载完成就弹出alert 每个图片都有这个事件，你可以试试

Answer 2

<script type="text/javascript">
var obj=new Image();
obj.src="http://www.phpernote.com/uploadfiles/editor/201107240502201179.jpg";
obj.onreadystatechange=function(){
if(this.readyState=="complete"){
alert('图片的宽度为：'+obj.width+'；图片的高度为：'+obj.height);
document.getElementById("mypic").innnerHTML="<img src='"+this.src+"' />";
}
}
</script>
<div id="mypic">onloading……</div>

Answer 3

<img id="img" src="url"/>
<script>
var img= document.getElementById('img')
if(!img.complete){img.addEventListener('load',function(){/*已加载完*/})}
else{/*已加载完*/}
</script>