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


Posted in Javascript onJune 21, 2016

本文实例讲述了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 相关文章推荐
[对联广告] JS脚本类
Aug 27 Javascript
jquery 全局AJAX事件使用代码
Nov 05 Javascript
javascript学习笔记(十七) 检测浏览器插件代码
Jun 20 Javascript
Js nodeType 属性全面解析
Nov 14 Javascript
下拉列表select 由左边框移动到右边示例
Dec 04 Javascript
JavaScript编程中实现对象封装特性的实例讲解
Jun 24 Javascript
JavaScript中String对象的方法介绍
Jan 04 Javascript
Ajax实现不刷新取最新商品
Mar 01 Javascript
js 两数组去除重复数值的实例
Dec 06 Javascript
关于Angularjs中自定义指令一些有价值的细节和技巧小结
Apr 22 Javascript
解决angularJS中input标签的ng-change事件无效问题
Sep 13 Javascript
vue实现标签云效果的示例
Nov 09 Javascript
第九篇Bootstrap导航菜单创建步骤详解
Jun 21 #Javascript
js简单判断flash是否加载完成的方法
Jun 21 #Javascript
第八篇Bootstrap下拉菜单实例代码
Jun 21 #Javascript
JS实现获取剪贴板内容的方法
Jun 21 #Javascript
第七篇Bootstrap表单布局实例代码详解(三种表单布局)
Jun 21 #Javascript
Javascript打印局部页面实例
Jun 21 #Javascript
第六篇Bootstrap表格样式介绍
Jun 21 #Javascript
You might like
浅析ThinkPHP的模板输出功能
2014/07/01 PHP
CakePHP框架Model关联对象用法分析
2017/08/04 PHP
javascript 动态table添加colspan\rowspan 参数的方法
2009/07/25 Javascript
javascript中substr,substring,slice.splice的区别说明
2010/11/25 Javascript
extjs关于treePanel+chekBox全部选中以及清空选中问题探讨
2013/04/02 Javascript
jQuery图片轮播的具体实现
2013/09/11 Javascript
jquery中load方法的用法及注意事项说明
2014/02/22 Javascript
Jquery Ajax方法传值到action的方法
2014/05/11 Javascript
Javascript 构造函数详解
2014/10/22 Javascript
bootstrap table 服务器端分页例子分享
2015/02/10 Javascript
JavaScript实现将数组数据添加到Select下拉框的方法
2015/08/21 Javascript
谈谈JSON对象和字符串之间的相互转换JSON.stringify(obj)和JSON.parse(string)
2015/10/01 Javascript
微信小程序中post方法与get方法的封装
2017/09/26 Javascript
bootstrap中selectpicker下拉框使用方法实例
2018/03/22 Javascript
centos 上快速搭建ghost博客方法分享
2018/05/23 Javascript
微信小程序实现顶部导航特效
2019/01/28 Javascript
vue实现简单的日历效果
2020/09/24 Javascript
微信小程序全局变量改变监听的实现方法
2019/07/15 Javascript
vue 取出v-for循环中的index值实例
2019/11/09 Javascript
微信小程序实现横向滚动导航栏效果
2019/12/12 Javascript
[50:58]2018DOTA2亚洲邀请赛 4.1 小组赛 B组 Mineski vs EG
2018/04/03 DOTA
python的变量与赋值详细分析
2017/11/08 Python
Tensorflow使用tfrecord输入数据格式
2018/06/19 Python
使用tensorflow实现线性回归
2018/09/08 Python
对numpy中二进制格式的数据存储与读取方法详解
2018/11/01 Python
Django RBAC权限管理设计过程详解
2019/08/06 Python
使用Python的networkx绘制精美网络图教程
2019/11/21 Python
美国首屈一指的高品质珠宝设计师和零售商:Allurez
2018/01/23 全球购物
火山咖啡:Volcanica Coffee
2019/10/29 全球购物
最新销售员个人自荐信
2013/09/21 职场文书
追悼会子女答谢词
2014/01/28 职场文书
大学校庆策划书
2014/01/31 职场文书
群众路线自查报告及整改措施
2014/11/04 职场文书
幼儿园教师师德承诺书
2015/04/28 职场文书
八年级物理教学反思
2016/02/19 职场文书
js实现模拟购物商城案例
2021/05/18 Javascript