js image 获取rgb_前端 JS 获取 Image 图像 宽高 尺寸

f765f1d97e5464ed5c9dd4fc96f0a185.png

前端 JS 获取 Image 图像 宽高 尺寸

简介

项目中用到获取图片的原始尺寸,然后适配宽高;网上的大部分前端解决方案,都是new Image()后,在onload事件中获取image的尺寸。
在图片数量较多的时候,这样的获取效率实在是低下。所有就有了这篇文章。通过直接读取解析文件的字节码来获取图片的尺寸。

IMAGE_HEAD_SIGS

var 

PNG

d3dff2da52dd36359748207b7a2cc903.png
function 

JPG

ff3e07be0fd03950ce80b25cdb1ad083.png
function 

GIF

3d1cfb0eda914b3af0d9377eecc73698.png
function 

BMP

48aae5ae6ef0bebb445fd44853fc041f.png
function 

NPM

npm i image-dimensionjs

NPM地址

gaobowen/image-dimension​github.com
7699a77544ae0cef12b32e280307c0e8.png
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值