博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
上传图片前判断图片的尺寸
阅读量:7068 次
发布时间:2019-06-28

本文共 526 字,大约阅读时间需要 1 分钟。

JavaScript上传图片时,通常会有需求对上传图片的尺寸及大小进行判断,怎样在不显示图片的情况下进行尺寸的判断呢?如下:

var img = new Image();  img.src = 'data:image/png;base64,' + data;  //data为base64数据; setTimeout(function(){  //之所以要使用定时器,是因为给图片的src赋值时,即使是base64格式,浏览器也需要时间来加载图片,因此需要延迟获取图片的尺寸,否则,图片的尺寸可能为0   var imgW = img.width;   //图片的原始宽度   var imgH = img.height;  //图片的原始高度 },0)

现在HTML5出了新特性查看图片的原始尺寸:naturalWidth和naturalHeight;

使用新特性时是需要判断游览器的兼容性

因此,上面获取宽高的代码可以改为:

var imgW = img.naturalWidth;var imgH = img.naturalHeight;

 

转载于:https://www.cnblogs.com/hellobajie/p/6856406.html

你可能感兴趣的文章
2012 借教室
查看>>
为什么是Spring Boot
查看>>
python基础-协程
查看>>
JavaScript数据类型
查看>>
hdu 2844 混合背包【背包dp】
查看>>
函数分析题
查看>>
debian手册摘要
查看>>
TreeMap 原理
查看>>
iOS开发工具——网络封包分析工具Charles
查看>>
蒙哥玛利模幂算法
查看>>
龙威零式_团队项目例会记录_14
查看>>
YAFFS2文件系统分析(转)
查看>>
获取GET/POST提交的数据,并处理中文问题
查看>>
jdbc 获取connection 对象的三种方式
查看>>
jsp标签+jstl
查看>>
第二阶段个人总结09
查看>>
FATAL ERROR: Could not find ./bin/my_print_defaults的解决办法
查看>>
文摘《十一》
查看>>
jquery 笔记。。。——》摘自武方博
查看>>
一个夭折,
查看>>