hi,欢迎访问本站!
当前位置: 首页Web前端正文

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

墨初 Web前端 265阅读

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获取宽度高度的方法。

声明:无特别说明,转载请标明本文来源!
相关推荐