jquery获取img实际长宽

最新推荐文章于 2024-08-27 04:41:20 发布

原创最新推荐文章于 2024-08-27 04:41:20 发布 · 3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #img

技巧专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种使用jQuery来获取图片实际宽度和高度的方法。通过创建一个Image对象并监听其加载事件，可以在图片完全加载后获取到准确的尺寸信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jquery获取img实际长宽

$(function(){
    var imgSrc = $("#image").attr("src");
    getImageWidth(imgSrc,function(w,h){
        console.log({width:w,height:h});
    });
});

function getImageWidth(url,callback){
    var img = new Image();
    img.src = url;

    // 如果图片被缓存，则直接返回缓存数据
    if(img.complete){
        callback(img.width, img.height);
    }else{
            // 完全加载完毕的事件
        img.onload = function(){
        callback(img.width, img.height);
        }
        }

}