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

2019-12-17,,,

本文实例讲述了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相关内容感兴趣的读者可查看本站专题:《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

您可能感兴趣的文章:

  • 使用js获取图片原始尺寸
  • JavaScript获取图片的原始尺寸以宽度为例
  • Js获取图片原始宽高的实现代码
  • JS获取图片高度宽度的方法分享
  • js和jquery如何获取图片真实的宽度和高度
  • JavaScript 动态改变图片大小
  • js 加载时自动调整图片大小
  • JS自动缩小超出大小的图片
  • JS检测图片大小的实例
  • Javascript获取图片原始宽度和高度的方法详解

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

下载本文的Word格式文档,以方便收藏与打印。