jq/js获取图片尺寸的方法

js获取图片的尺寸一般都是获取的img元素的长和高，但这个方法有个缺点，就是不能获取图片真正的尺寸。想要利用js获取图片真正的尺寸。

js获取图片实际尺寸的方法

js想要获取图片的实际高与宽，只能在图片加载完成后再去获取图片的宽与高。

例；

var img = new Image();
img.onload = function(){
    console.log(this.width);
    console.log(this.height);
};
img.src = 'https://www.73so.com/artimgs/js_1.png';

jq获取图片实际尺寸的方法

例：

除了使用原生的js代码实现获取图片的高和宽外还可以使用jquery来获取图片的宽与高。

<script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>
<img src="https://www.73so.com/artimgs/js_1.png" >
<script>
$('img').load(function(){
    console.log($(this).width());
    console.log($(this).height());
});
</script>

以上是原生Js获取图片宽度高度与jquery获取宽度高度的方法。