JavaScript简单获取页面图片原始尺寸的方法

时间:2020-05-15 yiluoAK_47 人气:0

本文实例讲述了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程序设计有所帮助。

加载全部内容