JS获取图片的原始尺寸
2016-08-21 21:45
344 查看
一、html5 中新的naturalWidth和naturalHeight属性
在HTML 5中,新增加了两个用来判断图片的宽度和高度的属性,分别为naturalWidth 和 naturalHeight属性,
例子如下:
前提是:必须在图片完全下载到客户端浏览器才能判断,目前在ie 9,Firefox, Chrome, Safari 和Opera都是可以使用的。
二、如果是不支持的版本浏览器,那可以用传统方法判断
例子如下:
在HTML 5中,新增加了两个用来判断图片的宽度和高度的属性,分别为naturalWidth 和 naturalHeight属性,
例子如下:
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获取图片原始尺寸
- js获取图片的原始尺寸
- JS获取图片的原始尺寸和上传图片大小
- 【记录】JS 获取图片原始尺寸-防止图片溢出
- 使用js获取图片原始尺寸
- javascript 获取图片原始尺寸
- JavaScript获取图片的原始尺寸
- JavaScript获取图片的原始尺寸
- js动态获取图片长宽尺寸(兼容所有浏览器,速度极快)
- 如何用JavaScript在浏览器端获取图片的原始尺寸大小?
- js获取图片原始大小
- 转载:js动态获取图片长宽尺寸(兼容所有浏览器,速度极快)
- JS获取网页图片的实际尺寸
- 用php或js获取图片大小,高宽尺寸.
- JavaScript获取图片的原始尺寸
- js动态获取图片长宽尺寸(兼容所有浏览器,速度极快)
- 如何用JavaScript在浏览器端获取图片的原始尺寸大小?
- 一个优秀的全兼容JS获取图片尺寸封装,无需onload完全完即能得到尺寸
- [转]js动态获取图片长宽尺寸
- 利用js获取图片尺寸与图片大小(高度与宽度)