这篇文章主要介绍了 JavaScript 简单获取页面图片原始尺寸的方法, 可通过 Image() 对象直接获取图片的原始宽高, 简单实用, 需要的朋友可以参考下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
本文实例讲述了 JavaScript 简单获取页面图片原始尺寸的方法。分享给大家供大家参考,具体如下:
这里通过 Image() 对象获取原始宽高
这种方式就没有那么麻烦,直接 new 一个 Image() 对象,然后把 img 的 src 赋值给他即可获取。
- var img = new Image();
- img.src = $("#target").attr("src");
- if(img.complete){
- alert('width:'+img.width+',height'+img.height);
- img = null;
- }else{
- img.onload = function(){
- alert('width:'+img.width+',height'+img.height);
- img = null;
- };
- }
并且不要担心 new Image 对象会多一个 http 请求,浏览器加载图片后已经有缓存,你 new N 个 image 对象都没问题,当然,内存会消耗,所以用完后 img 置为 null。
希望本文所述对大家 JavaScript 程序设计有所帮助。
来源: http://www.phperz.com/article/17/0303/264672.html