检测图片是否已经下载完成

Question

您好，感谢您阅读此帖。我现在正在做一个实时刷新数据的小程序，是要把数据用图表的形式显示出来的
我用了ZedGraph控件来生成图表，还有用了一个Timer控件和UpdatePanel用于局部刷新，我设置的刷新间隔间隔是3秒钟
由于ZedGraph控件是首先生成一个图片再显示出来的现在问题是 我怕由于网络问题，ZedGraph控件生成的图片还没有下载完，页面就要刷新了，这样会影响用户的体验所以现在我想实现的效果是 等ZedGraph控件已经在客户端下载完成后，再刷新页面，请问各位朋友有没有判断图片已经下载完成的代码
或者推荐一下解决这个问题的方案或控件不胜感激。。祝你生活愉快。

Answer 1

<img src="../images/a
.jpg" onload="alert('下载完了')" />

Answer 2

<img   src=http://expert.csdn.net/images/csdn.gif   border=0       onload="alert('图片加载完毕')"   onerror="alert('图片加载错误')">               
<script>     var   oImage   =   new   Image();     oImage.src="xxxx.gif";     if(oImage.readyState   ==   "complete")     alert("complete.");     else   if(oImage.readyState   ==   "uninitialized")     alert("uninitialized");     </script> 这个代码明天研究一下，只是我用的ZedGraph控件是没有<img 这样的标签的期待朋友给出一些控件或者思路，谢谢。

Answer 3

这与标签没关系，只要你得到这个控件对象．
你可以取他的readyState也可取他的width和height.

Answer 4

非常感谢你提供思路，我想问一下readyState的值为 什么时，可以表示图片已经加载完成了呢？

Answer 5

   <img id="img2" src="images/addimg.jpg"  > <script type="text/javascript"> window.setInterval(show,500);
function show()
{
  window.status  =document.getElementById("img2").readyState;
} 
  </script> 

Answer 6

嗯嗯，我知道了明天我再试试哈以前我用 <img id="img2" src="Default.aspx"  > 
时，图片一直是显示一个叉，但是我直接打开Default.aspx又可以显示一个图片，汗。。Default.aspx只使用了一个ZedGraph控件，它的作用是把一些数据生成图片显示出来的。这个问题困扰了我好久，我以为可以绕过去了，没想到还是要面对。。明天再找找资料了。。谢谢 cpp2017 的回答。