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排序算法之合并排序(归并排序)的2个例子
Apr 04 Javascript
javascript的BOM汇总
Jul 16 Javascript
jquery实现像栅栏一样左右滑出式二级菜单效果代码
Aug 24 Javascript
jquery简单实现带渐显效果的选项卡菜单代码
Sep 01 Javascript
利用node.js爬取指定排名网站的JS引用库详解
Jul 25 Javascript
react 实现页面代码分割、按需加载的方法
Apr 03 Javascript
Bootstarp在pycharm中的安装及简单的使用方法
Apr 19 Javascript
NProgress显示顶部进度条效果及使用详解
Sep 21 Javascript
vue仿ios列表左划删除
Sep 26 Javascript
nodemon实现Typescript项目热更新的示例代码
Nov 19 Javascript
JavaScript 类的封装操作示例详解
May 16 Javascript
Vue 禁用浏览器的前进后退操作
Sep 04 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
用PHP实现ODBC数据分页显示一例
2006/10/09 PHP
PHP中$_SERVER使用说明
2015/07/05 PHP
CI框架(CodeIgniter)公共模型类定义与用法示例
2017/08/10 PHP
jquery简单的拖动效果实现原理及示例
2013/07/26 Javascript
js实现页面跳转的五种方法推荐
2016/03/10 Javascript
AngularJS使用指令增强标准表单元素功能
2016/07/01 Javascript
JS实现间歇滚动的运动效果实例
2016/12/22 Javascript
jQuery Validation Engine验证控件调用外部函数验证的方法
2017/01/18 Javascript
JavaScript mixin实现多继承的方法详解
2017/03/30 Javascript
js构造函数创建对象是否加new问题
2018/01/22 Javascript
详解VUE 对element-ui中的ElTableColumn扩展
2018/03/28 Javascript
Vuex的actions属性的具体使用
2019/04/14 Javascript
vue如何限制只能输入正负数及小数
2019/07/04 Javascript
javascript实现简易聊天室
2019/07/12 Javascript
搭建Vue从Vue-cli到router路由护卫的实现
2019/11/14 Javascript
Vue实现Layui的集成方法步骤
2020/04/10 Javascript
vue3.0 加载json的方法(非ajax)
2020/10/26 Javascript
vue 使用localstorage实现面包屑的操作
2020/11/16 Javascript
TensorFlow中权重的随机初始化的方法
2018/02/11 Python
python下载微信公众号相关文章
2019/02/26 Python
使用python实现男神女神颜值打分系统(推荐)
2019/10/31 Python
使用pytorch完成kaggle猫狗图像识别方式
2020/01/10 Python
Python全面分析系统的时域特性和频率域特性
2020/02/26 Python
python GUI库图形界面开发之PyQt5选项卡控件QTabWidget详细使用方法与实例
2020/03/01 Python
在python中求分布函数相关的包实例
2020/04/15 Python
基于tensorflow for循环 while循环案例
2020/06/30 Python
购买200个世界上最好的内衣品牌:Bare Necessities
2017/02/11 全球购物
武汉英思工程科技有限公司–ORACLE面试测试题目
2012/04/30 面试题
失业者真诚求职信范文
2013/12/25 职场文书
你懂得怎么写自荐信吗?
2013/12/27 职场文书
工伤事故赔偿协议书
2014/04/15 职场文书
班主任经验交流心得体会
2015/11/02 职场文书
2019银行竞聘书
2019/06/21 职场文书
什么是检讨书?检讨书的格式及范文
2019/11/05 职场文书
PyTorch中的torch.cat简单介绍
2022/03/17 Python
vue 自定义的组件绑定点击事件
2022/04/21 Vue.js