<body onload="if(woyingjie.readyState=='complete')alert('加载成功')">
<img src="027.jpg" id="woyingjie">
</body>

解决方案 »

  1.   

    先谢谢楼上的兄弟,我可能没有说清楚,我的意思是判断一个image对象里的src是否能够正常显示,而不是一个<img>标签里的src,例如:
    <html>
    <head>
    <script>
    function f_load(){
     var checkImg = new Image();
     checkImg.src = "http://img.baidu.com/img/logo_imga.gif";
      alert(checkImg.fileSize);
    }</script>
    </head>
    <body onload="f_load()">   
    </body></html>
    在这个代码里,如果把body里的事件改为onclick,函数就能弹出图片的实际size,如果改成onload就不行了,还请各位高手赐教,再次谢谢楼上的兄弟!
      

  2.   

    因为这时候图片还没有加载完毕,Image的图片加载采用的是异步加载。
    可以用以下方法,但图片源必须存在,否则没有提示:
    <html>
    <head>
    <script>
    function f_load(){
     var checkImg = new Image();
     checkImg.src = "http://www.baidu.com/img/slogo.gif";
     checkImg.onreadystatechange=function(){alert(checkImg.fileSize)};
    }</script>
    </head>
    <body onload="f_load()"> 
      
    </body></html>
      

  3.   

    也谢谢牧月天涯兄,上面的例子在图片URL有效的情况下是可以返回该图片的size,但问题是我要判断这个图片是否能正常显示,如果图片URL是无效的该如何判断?
      

  4.   

    <script>
    var im=new Image();
    var val='';  //定义Interval,用于检测Image状态
    var count=0; //计数器,一定秒数后超时说明图片不存在(或其他原因)
    function get()
    {
    im.src='1.jpg';
    val=window.setInterval('check()',1000);
    }
    function check()
    {
      count++;
      if(im.readyState=='complete')
       {
          window.clearInterval(val);
          alert('加载成功,图片大小是 '+im.fileSize);
       }  if(count==5)
       {
          window.clearInterval(val);
          alert('加载失败');
       }
    }
    </script>
    <body onload='get()'>
    </body>
      

  5.   

    如何用Javascript判断文件是否存在
    http://community.csdn.net/Expert/TopicView.asp?id=3816196