JavaScript简单获取页面图片原始尺寸的方法
更新时间：2016年06月21日 15:59:55 作者：yiluoAK_47
这篇文章主要介绍了JavaScript简单获取页面图片原始尺寸的方法,可通过Image()对象直接获取图片的原始宽高,简单实用,需要的朋友可以参考下
本文实例讲述了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程序设计有所帮助。
相关文章
在本文中，我们将创建自定义函数，借助不同示例的默认字符串方法，在我们想要的任何位置替换或更改字符串中的字符，本文结合实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友参考下吧2023-07-07
这篇文章主要介绍了javascript中提供了Date对象来进行时间和日期的计算，这里简单的介绍下， 方便需要的朋友2013-03-03
本文给大家汇总了一下使用javascript实现查找数组中最大最小值的一些方法，非常的简单实用，有需要的小伙伴可以来参考下。2016-02-02
本文给大家介绍的是不使用构造函数实现"继承"，非常的简单，小伙伴们仔细了解下就可以非常熟悉了。2015-04-04
创建一个JavaScript表单验证插件，可以说是一个繁琐的过程，涉及到初期设计、开发与测试等等环节。实际上一个优秀的程序员不仅是技术高手，也应该是善假于外物的。本文介绍的这个不错的JavaScript表单验证插件，支持ajax验证，有需要的小伙伴可以参考下2015-05-05
这篇文章主要介绍了JS 数字转换实现方法，需要的朋友可以参考下2013-12-12
这篇文章主要为大家介绍了Echarts图表分析巴西队历年战绩实例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-12-12
自从AJAX崛起后，javascript的程序越来越庞大，不得不考虑到各种测试。2010-06-06
这里给大家分享的是通过js脚本来控制页面中的正方体转动特效，用户可以点击按钮向右转动，也可以向下转动，结合自己的需求控制即可。效果非常棒，这里推荐给大家2016-10-10
这篇文章主要为大家详细介绍了JavaScript如何使用performance实现查看内存,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下2024-03-03
最新评论