JS获取图片的原始尺寸和上传图片大小
2017-12-05 18:14
363 查看
JS获取图片的原始尺寸
一、html5 中新的naturalWidth和naturalHeight属性在HTML 5中,新增加了两个用来判断图片的宽度和高度的属性,分别为naturalWidth 和 naturalHeight属性,
例子如下:
var myimage = document.getElementById("myimage"); var rw = myimage.naturalWidth; // 真实图片宽度 var rh = myimage.naturalHeight; //真实图片高度
前提是:必须在图片完全下载到客户端浏览器才能判断,目前在ie 9,Firefox, Chrome, Safari 和Opera都是可以使用的。
二、如果是不支持的版本浏览器,那可以用传统方法判断
例子如下:
var myimage = document.getElementById("myimage"); if (typeof myimage.naturalWidth == "undefined") { // IE 6/7/8 var i = new Image(); i.src = myimage.src; var rw = i.width; var rh = i.height; } else { // HTML5 browsers var rw = myimage.naturalWidth; var rh = myimage.naturalHeight; }
JS获取上传图片大小
获取<input type="file" id='myinput'>上传图片的大小
$('#myinput')[0].files[0].size; //单位b
相关文章推荐
- js获取上传图片的尺寸大小
- js获取上传图片真实的尺寸大小和存储大小
- JS获取上传图片的尺寸和大小
- 图片上传之前检查大小、尺寸、格式并预览的js代码
- 前台js限制上传图片质量大小和尺寸
- Asp.net获取上传图片大小的尺寸!
- 用PHP或JS获取图片大小、高宽尺寸
- js判断上传图片大小及尺寸
- js如何获取上传图片的大小
- js 获取远程图片大小(判断上传图片大小)
- js判断图片上传时的文件大小,和宽高尺寸
- js在前端获取在本地上传图片的尺寸
- js获取图片原始大小
- 如何用JavaScript在浏览器端获取图片的原始尺寸大小?
- 用php或js获取图片大小,高宽尺寸
- JS获取图片的原始尺寸
- 通过js获取上传的图片信息(临时保存路径,名称,大小)然后通过ajax传递给后端的方法
- 【转载】js判断上传图片大小及尺寸
- 上传图片时js验证图片大小、尺寸、格式
- js 判断上传图片尺寸大小(var img =new Image())