获取图片大小

有什么办法在body onload是就获取图片的大小 快崩溃了 连续几个问题都与这个有关 直接获取都是0 难道必须在图片显示完全后获取吗 那图片显示完全这个状态如何获取

解决方案 »

  1.   

    window.onload = function(){$('img').width();}
      

  2.   

    <!DOCTYPE html>
    <html>
    <head>
        <title></title>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js" type="text/javascript"></script>
        <script type="text/javascript">
            window.onload=function(){
                var $obj = $("#img1");
                alert("宽："+$obj.width()+"; 高："+$obj.height());
            }
        </script>
    </head>
    <body>
    <div>
        <img id="img1" alt="" src="http://avatar.profile.csdn.net/8/A/4/1_wbb123yu.jpg" />
    </div>
    </body>
    </html>
      

  3.   

    你是指文件大小还是文件的尺寸？？大小需要加载完img才知道如果是尺寸加载过的话判断下complete属性就可以获取了，或者定时侦测图片的尺寸状态便可得知图片尺寸就绪的状态，因为图片会占据一定空间后继续下载，判断下尺寸大小不变就可以获取了参考：javascript图片预加载快速获取图片尺寸
      

  4.   

    都说了onload神马的都没用 页面中的图片是JSP<img src="${request.IMG_URL }${vo}" />迭代出来的 如果是静态的这些onload还行 可是JSP上就是不行不知道咋回事
      

  5.   

    都说了onload神马的都没用 页面中的图片是JSP<img src="${request.IMG_URL }${vo}" />迭代出来的 如果是静态的这些onload还行 可是JSP上就是不行不知道咋回事
      

  6.   

    你是指文件大小还是文件的尺寸？？
    http://www.cpforwarding.com
      

  7.   

    onload神马的都没用 页面中的图片是JSP<img src="${request.IMG_URL }${vo}" />迭代出来的 如果是静态的这些onload还行 可是JSP上就是不行不知道咋回事
      

  8.   

    这样不行，那样不行
    直接加延时得了，延时+递归+回调，直到width不为0，退出递归，执行回调
      

  9.   

    图片的宽高额  complete是啥属性 没见过啊 静态页面直接用.ready就可以获取到了  但是到了JSP里边 window.ready获取到是0 img.ready根本就不触发 郁闷 我先去研究研究你给的资料看看
      

  10.   

    window.onload=function(){
    if(card_img_arr[3].complete){
    alert($(card_img_arr[3]).width());}}用complete也不行 获取到的还是0  不知道JSP生成的HTML和静态的HTML有啥区别 就是搞不到 
      

  11.   

    照着你链接的方法搞定了 不过我想请问一下 那个方法是远程获取图片属性吗? 图片的链接什么的是生成的我改不了 我只能获取图片的URL 然后用你的方法imgReady(card_img_arr[i].src, function () { console.log('size ready: width=' + this.width + '; height=' + this.height);})来获取 是不是会发送两次请求呢 这个只是好奇的问一下 - - 小白一枚 对那个方法基本看不懂