![f765f1d97e5464ed5c9dd4fc96f0a185.png](https://i-blog.csdnimg.cn/blog_migrate/6b690f6ef600d2f8ec9e7eb6b5983168.jpeg)
前端 JS 获取 Image 图像 宽高 尺寸
简介
项目中用到获取图片的原始尺寸,然后适配宽高;网上的大部分前端解决方案,都是new Image()后,在onload事件中获取image的尺寸。
在图片数量较多的时候,这样的获取效率实在是低下。所有就有了这篇文章。通过直接读取解析文件的字节码来获取图片的尺寸。
IMAGE_HEAD_SIGS
var
PNG
![d3dff2da52dd36359748207b7a2cc903.png](https://i-blog.csdnimg.cn/blog_migrate/ad142edaa653953136059da69dbf2792.jpeg)
function
JPG
![ff3e07be0fd03950ce80b25cdb1ad083.png](https://i-blog.csdnimg.cn/blog_migrate/ef94b448114c01d88610203f91252091.jpeg)
function
GIF
![3d1cfb0eda914b3af0d9377eecc73698.png](https://i-blog.csdnimg.cn/blog_migrate/160b04f4cbc4a17e368d851d5f4e590c.jpeg)
function
BMP
![48aae5ae6ef0bebb445fd44853fc041f.png](https://i-blog.csdnimg.cn/blog_migrate/0f88787fc132295bd2c4908a46afd5dc.jpeg)
function
NPM
npm i image-dimensionjs
NPM地址
gaobowen/image-dimensiongithub.com![7699a77544ae0cef12b32e280307c0e8.png](https://i-blog.csdnimg.cn/blog_migrate/58ee9c31eda78f842f2097376a4e028a.jpeg)