手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JavaScript简单获取页面图片原始尺寸的方法
JavaScript简单获取页面图片原始尺寸的方法
摘要:本文实例讲述了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获取select值的方法分析

Javascript获取统一管理的提示语(message)

JavaScript实现点击文字切换登录窗口的方法

JavaScript实现列表分页功能特效

JavaScript中的anchor()方法使用详解

JavaScript获取并更改input标签name属性的方法

JavaScript实现鼠标滑过处生成气泡的方法

JavaScript获取当前运行脚本文件所在目录的方法

Javascript特效:随机显示图片的源代码

javascript获取文档坐标和视口坐标

精品推荐
分类导航