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 相关文章推荐
JavaScript delete操作符应用实例
Jan 13 Javascript
动态加载脚本提升javascript性能
Feb 24 Javascript
javascript学习笔记(二)数组和对象部分
Sep 30 Javascript
了不起的node.js读书笔记之例程分析
Dec 22 Javascript
Javascript中的数据类型之旅
Oct 18 Javascript
js实现获取鼠标当前的位置
Dec 14 Javascript
react高阶组件经典应用之权限控制详解
Sep 07 Javascript
微信小程序实现的3d轮播图效果示例【基于swiper组件】
Dec 11 Javascript
js实现简单进度条效果
Mar 25 Javascript
JS获取当前时间戳方法解析
Aug 29 Javascript
React中的Context应用场景分析
Jun 11 Javascript
Vue实现跑马灯样式文字横向滚动
Nov 23 Vue.js
第九篇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
PHP 选项及相关信息函数库
2006/12/04 PHP
PHP中PDO的错误处理
2011/09/04 PHP
php实现用户注册密码的crypt加密
2017/06/08 PHP
PHP实现模拟http请求的方法分析
2017/12/20 PHP
php 可变函数使用小结
2018/06/12 PHP
jquery中ajax学习笔记4
2011/10/16 Javascript
js 控制页面跳转的5种方法
2013/09/09 Javascript
jQuery实现的一个tab切换效果内部还嵌有切换
2014/08/10 Javascript
JavaScript遍历求解数独问题的主要思路小结
2016/06/12 Javascript
使用JavaScript触发过渡效果的方法
2017/01/19 Javascript
使用Webpack提高Vue.js应用的方式汇总(四种)
2017/07/10 Javascript
关于Vue Webpack2单元测试示例详解
2017/08/14 Javascript
使用JS实现图片轮播的实例(前后首尾相接)
2017/09/21 Javascript
Vue-CLI项目中路由传参的方式详解
2019/09/01 Javascript
详解利用nodejs对本地json文件进行增删改查
2019/09/20 NodeJs
详解JavaScript中分解数字的三种方法
2021/01/05 Javascript
[03:30]DOTA2完美“圣”典精彩集锦
2016/12/27 DOTA
[01:06:42]VP vs NewBee Supermajor 胜者组 BO3 第二场 6.5
2018/06/06 DOTA
图解Python变量与赋值
2018/04/03 Python
Flask框架各种常见装饰器示例
2018/07/17 Python
Win10下python3.5和python2.7环境变量配置教程
2018/09/18 Python
django2.2安装错误最全的解决方案(小结)
2019/09/24 Python
pymysql模块的操作实例
2019/12/17 Python
Django celery异步任务实现代码示例
2020/11/26 Python
Zavvi荷兰:英国大型音像制品和图书游戏零售商
2018/03/22 全球购物
WebSphere面试题:在WebSphere里面如何部署一个应用
2015/08/02 面试题
中专生自我鉴定范文
2014/02/02 职场文书
培训班主持词
2014/03/28 职场文书
机关党员进社区活动总结
2014/07/05 职场文书
2014年小学生教师节演讲稿范文
2014/09/10 职场文书
2014年班级工作总结范文
2014/12/23 职场文书
家长评语怎么写
2014/12/30 职场文书
副总经理岗位职责
2015/02/02 职场文书
2015年质量管理工作总结范文
2015/05/18 职场文书
交通处罚决定书
2015/06/24 职场文书
聊聊基于pytorch实现Resnet对本地数据集的训练问题
2022/03/25 Python