js如何获取图片高度和宽度？

Question

JavaScript获取img高宽

Answer 1

你说中文吧，$(document).ready(function () {
            $('#tab1 img').each(function () {
 
                AutoResizeImage(this);
            })
        });
        function AutoResizeImage(objImg) {
            var img = new Image();
            img.src = objImg.src;
            document.body.appendChild(img);
            // alert(img.src);
            w = img.offsetWidth;
            h = img.offsetHeight;
            alert(w);
            alert(h);
        }
img没放dom里面啊

Answer 2

var img = new Image();
      img.src = objImg.src;
img.onload = function(){
 alert('width = ' + this.width + ' , height =' + this.height);
}

Answer 3

如果设置了图片自身的高度和宽度 当然是可以取出来的 并且能够将从src那里获取的图片的高度和宽度变成你设置的那样，像你说的这样的只能等图片加载完成后才能得到它的实际宽、高。

Answer 4

网页加载的过程是这样的，首先加载的是document文档。也就是HTML，以及包含的js文件、css文件。加载完毕之后，才会继续加载各个图片，每个图片相当于一个单独的请求。所以当document的ready的时候，也就是加载完成的时候，图片可是还没有加载完成，是刚刚准备加载。此时你当然得不到图片的尺寸了。当image的load或者onreadystatechange事件，可以处理判断，得到image的尺寸。 上面已经有兄弟说的很明白了，仔细看看吧

Answer 5

$(document).ready(function () {
            $('#tab1 img').each(function () {
                alert("width:" + $(this).width() + "  height:" + $(this).height());
            })
        });