怎么获取图片的原始尺寸

2024-10-12 07:21:10

1、页面里的img元素,想要获取它的原始尺寸,以宽度为例可能首先想到的就是width,如下

怎么获取图片的原始尺寸

3、很明显,400不是图片的原始宽度。有一种方式可以获取到,直接创建一个新img对象,然后把旧img的src赋值给新的,这时候获取新img的宽度即可

怎么获取图片的原始尺寸

5、注意IE6/7/8的处理,创建了一个新的img,仅设置其src,这时需要让图片完全载入后才可以获取其宽高。因此这里是异步的,可以传一个回调,回调里把原始的宽高作为参数传入。

猜你喜欢