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 相关文章推荐
用jquery来定位
Feb 20 Javascript
Google Map API更新实现用户自定义标注坐标
Jul 29 Javascript
用JavaScript修改CSS属性的代码
May 06 Javascript
javascript页面动态显示时间变化示例代码
Dec 18 Javascript
js验证输入是否为手机号码或电话号码示例
Dec 30 Javascript
js过滤特殊字符输入适合输入、粘贴、拖拽多种情况
Mar 22 Javascript
JavaScript中的正则表达式简明总结
Apr 04 Javascript
JQuery中属性过滤选择器用法实例分析
May 18 Javascript
使用javascript插入样式
Mar 14 Javascript
深入分析javascript中的错误处理机制
Jul 17 Javascript
Vue中v-show添加表达式的问题(判断是否显示)
Mar 26 Javascript
基于layui框架响应式布局的一些使用详解
Sep 16 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
Zend Framework教程之Autoloading用法详解
2016/03/08 PHP
一个简单的js渐显(fadeIn)渐隐(fadeOut)类
2010/06/19 Javascript
表格单元格交错着色实现思路及代码
2013/04/01 Javascript
ExtJs默认的字体大小改变的几种方法(自己整理)
2013/04/18 Javascript
用nodejs写的一个简单项目打包工具
2013/05/11 NodeJs
javascript实现跳转菜单的具体方法
2013/07/05 Javascript
JS判断不能为空实例代码
2013/11/26 Javascript
ie浏览器使用js导出网页到excel并打印
2014/03/11 Javascript
JavaScript字符串对象slice方法入门实例(用于字符串截取)
2014/10/16 Javascript
jQuery实现瀑布流的取巧做法分享
2015/01/12 Javascript
jQuery对象初始化的传参方式
2015/02/26 Javascript
Bootstrap CSS组件之输入框组
2016/12/17 Javascript
Nodejs+angularjs结合multiparty实现多图片上传的示例代码
2017/09/29 NodeJs
Vue用mixin合并重复代码的实现
2020/11/27 Vue.js
[07:20]2018DOTA2国际邀请赛寻真——逐梦Mineski
2018/08/10 DOTA
[36:20]KG vs SECRET 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/19 DOTA
[01:04:31]DOTA2-DPC中国联赛定级赛 iG vs Magma BO3第二场 1月8日
2021/03/11 DOTA
Python3.6 Schedule模块定时任务(实例讲解)
2017/11/09 Python
Python Requests库基本用法示例
2018/08/20 Python
Python中类的创建和实例化操作示例
2019/02/27 Python
Python函数的定义方式与函数参数问题实例分析
2019/12/26 Python
Python常见反爬虫机制解决方案
2020/06/01 Python
使用tensorflow根据输入更改tensor shape
2020/06/23 Python
全面解析CSS Media媒体查询使用操作(推荐)
2017/08/15 HTML / CSS
Html5游戏开发之乒乓Ping Pong游戏示例(三)
2013/01/21 HTML / CSS
详解前端HTML5几种存储方式的总结
2016/12/27 HTML / CSS
SKECHERS官方旗舰店:美国舒适运动休闲品牌
2017/12/22 全球购物
迪卡侬中国官网:Decathlon中国
2020/08/10 全球购物
珍惜资源保护环境的建议书
2014/05/14 职场文书
大专生找工作自荐书
2014/06/10 职场文书
十佳党员事迹材料
2014/08/28 职场文书
办公室文员工作自我鉴定
2014/09/19 职场文书
科级干部群众路线教育实践活动对照检查材料思想汇报
2014/09/20 职场文书
2015元旦联欢晚会结束语
2014/12/14 职场文书
音乐教师求职信范文
2015/03/20 职场文书
2016年幼儿园教师师德承诺书
2016/03/25 职场文书