双11狂欢大促

盲盒赢 定制羽绒服

开启惊喜盲盒，抽取你的专属好礼

— 惊喜奖品抢先看 —

超级年卡50元券

周边70元券

手机支架

一拖三数据线

雨伞

运动毛巾

电动牙刷

VIP月卡

机械键盘

定制羽绒服

超级年卡50元券

周边70元券

手机支架

一拖三数据线

雨伞

运动毛巾

电动牙刷

VIP月卡

机械键盘

定制羽绒服

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

2013-06-07 02:58:07 1.2万阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

你说中文吧墨衍会员 · AI 创作全网分发关注 + 加入社区

【小白教程】本地部署VLM-R1模型（使用Docker）通过Docker本地部署VLM-R1大模型，详细教程。阅读详情



$(document).ready(function () {

            $('#tab1 img').each(function () {



                AutoResizeImage(this);

            })

        });

        function AutoResizeImage(objImg) {

            var img = new Image();

            img.src = objImg.src;

            // alert(img.src);

            w = img.offsetWidth;

            h = img.offsetHeight;

            alert(w);

            alert(h);

        }

 <table id="tab1">

        <tr>

            <td>

                <img src="img1.jpg" />

            </td>

        </tr>

        <tr>

            <td>

                <img src="img2.jpg" />

            </td>

        </tr>

        <tr>

            <td>

                <img src="img3.jpg" />

            </td>

        </tr>

    </table>

alert出来的全是0，应该如何获取呢

...全文

ESP32实战：破解校园网WPA2-Enterprise认证的完整指南本文详细介绍了如何使用ESP32开发板破解校园网WPA2-Enterprise认证的完整指南。通过硬件准备、环境搭建、核心代码实现及常见问题排查，帮助开发者解决企业级WiFi连接难题，特别适用于校园网环境下的物联网设备开发。阅读详情

你说中文吧

JavaScript 87,983 成员 224,680 内容

+ 关注 + 加入社区

切换为时间正序

qq_33422178 2016-01-26

打赏
举报

表示还是没有听懂

dethink 2015-12-03

打赏
举报

#10楼讲的很细致啊！

sumist 2014-06-23

打赏
举报

卖火柴的屌丝男 2013-06-07

打赏
举报

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

你说中文吧 2013-06-07

打赏
举报

谢谢大家的回答

awenhao 2013-06-07

打赏
举报

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

呵呵我来啦 2013-06-07

打赏
举报

引用

图片没加载完，就不能获取高宽么？来人啊，帮帮忙啊

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

汉尼拔 2013-06-07

打赏
举报

原因3楼说的很清楚了

你说中文吧 2013-06-07

打赏
举报

图片没加载完，就不能获取高宽么？来人啊，帮帮忙啊

你说中文吧 2013-06-07

打赏
举报

引用 5 楼 bbjbepzz 的回复:

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

确实弹出来了，能说下原因么？

「已注销」 2013-06-07

打赏
举报

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

你说中文吧 2013-06-07

打赏
举报

我觉得放在了的，但是不太懂，所以上长图片，

一天要饭生活又开始啦 2013-06-07

打赏
举报

引用 2 楼 u010868242 的回复:

[quote=引用 1 楼 veryhunger 的回复:]

你说中文吧，[/quote]

$(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里面啊

你说中文吧 2013-06-07

打赏
举报

引用 1 楼 veryhunger 的回复:

你说中文吧，

一天要饭生活又开始啦 2013-06-07

打赏
举报

✦双11狂欢大促✦

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

相关推荐

双11狂欢大促