使用JavaScript获取图片的真实尺寸大小
2014-12-25 00:47
471 查看
Webkit 内核的浏览器在加载完图片之后才能获取宽和高。所以,我建议使用onload时间来获取图片的宽和高
上面的代码使用内存去存储图片来计算宽与高,所以不用担心图片因为css设置而尺寸发生了变化。
参考:http://stackoverflow.com/questions/318630/get-real-image-width-and-height-with-javascript-in-safari-chrome
var img = $("img")[0]; // Get my img elem var pic_real_width, pic_real_height; $("<img/>") // Make in memory copy of image to avoid css issues .attr("src", $(img).attr("src")) .load(function() { pic_real_width = this.width; // Note: $(this).width() will not pic_real_height = this.height; // work for in memory images. });
上面的代码使用内存去存储图片来计算宽与高,所以不用担心图片因为css设置而尺寸发生了变化。
参考:http://stackoverflow.com/questions/318630/get-real-image-width-and-height-with-javascript-in-safari-chrome
相关文章推荐
- 如何用JavaScript获取图片的真实尺寸大小
- JavaScript获取图片真实大小代码实例
- 如何用JavaScript在浏览器端获取图片的原始尺寸大小?
- js获取上传图片真实的尺寸大小和存储大小
- 如何用JavaScript在浏览器端获取图片的原始尺寸大小?
- JavaScript获取图片真实大小代码实例
- javascript获取图片大小和尺寸
- 如何使用表单结合javascript改变网页图片的大小
- JAVASCRIPT 获取图片大小
- 用php或js获取图片大小,高宽尺寸
- 比onload更快获取图片尺寸的javascript图片预加载技术
- 获取图片尺寸大小
- ASP.NET中使用js JavaScript获取FileUpload 文件大小
- JAVASCRIPT 获取图片大小(转)
- 利用js获取图片尺寸与图片大小(高度与宽度)
- jsp页面使用javascript获取文件的大小
- 终极完美版javascript获取并限制调整图片尺寸
- JAVASCRIPT 获取图片大小(转)
- JavaScript获取图片尺寸