欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

js如何获取图片的真实宽高?

程序员文章站 2022-04-09 09:37:25
目的:用js获取图片真实的宽高 适用场景:在有图片的页面中,需要点击图片查看原图如下图,这时就需要获取图片的原始宽高。 js获取图片原始宽高: $(".co...

目的:用js获取图片真实的宽高

适用场景:在有图片的页面中,需要点击图片查看原图如下图,这时就需要获取图片的原始宽高。

js如何获取图片的真实宽高?

js获取图片原始宽高:

$(".comment-img img").each(function() {  
    var image = new image();  
    var src=$(this).attr("src");  
    var realwidth=0;  
    var realheight=0;  
    image.onload = function () {  
    realwidth = image.width;  
    realheight=image.height;  
    }  
});