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 相关文章推荐
IE与Firefox在JavaScript上的7个不同写法小结
Sep 14 Javascript
鼠标移动到图片名上,显示图片的简单实例
Jul 14 Javascript
javascript内置对象arguments详解
Mar 16 Javascript
jquery读取xml文件实现省市县三级联动的方法
May 29 Javascript
jQuery蓝色风格滑动导航栏代码分享
Aug 19 Javascript
JS表格组件神器bootstrap table详解(基础版)
Dec 08 Javascript
小程序server请求微信服务器超时的解决方法
May 21 Javascript
基于js判断浏览器是否支持webGL
Apr 18 Javascript
Vue实现附件上传功能
May 28 Javascript
解决vuecli3中img src 的引入问题
Aug 04 Javascript
vant-ui组件调用Dialog弹窗异步关闭操作
Nov 04 Javascript
Vue在H5 项目中使用融云进行实时个人单聊通讯
Dec 14 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
杏林同学录(三)
2006/10/09 PHP
Laravel学习教程之View模块详解
2017/09/18 PHP
php实现生成带二维码图片并强制下载功能
2018/02/24 PHP
IE7提供XMLHttpRequest对象为兼容
2007/03/08 Javascript
jquery插件 cluetip 关键词注释
2010/01/12 Javascript
为原生js Array增加each方法
2012/04/07 Javascript
JS在IE下缺少标识符的错误
2014/07/23 Javascript
推荐25个超炫的jQuery网格插件
2014/11/28 Javascript
js中for in语句的用法讲解
2015/04/24 Javascript
基于jQuery Circlr插件实现产品图片360度旋转
2015/09/20 Javascript
js的form表单提交url传参数(包含+等特殊字符)的两种解决方法
2016/05/25 Javascript
BootStrap 可编辑表Table格
2016/11/24 Javascript
js replace()去除代码中空格的实例
2017/02/14 Javascript
angular过滤器实现排序功能
2017/06/27 Javascript
jQuery+Ajax请求本地数据加载商品列表页并跳转详情页的实现方法
2017/07/12 jQuery
Vue2.0结合webuploader实现文件分片上传功能
2018/03/09 Javascript
关于Vue Router中路由守卫的应用及在全局导航守卫中检查元字段的方法
2018/12/09 Javascript
Vue数据驱动表单渲染,轻松搞定form表单
2019/07/19 Javascript
Vue常用API、高级API的相关总结
2021/02/02 Vue.js
举例讲解Python中的身份运算符的使用方法
2015/10/13 Python
在CMD命令行中运行python脚本的方法
2018/05/12 Python
python统计多维数组的行数和列数实例
2018/06/23 Python
在Python中Dataframe通过print输出多行时显示省略号的实例
2018/12/22 Python
深入解析HTML5 Canvas控制图形矩阵变换的方法
2016/03/24 HTML / CSS
英国男女奢华内衣和泳装购物网站:Figleaves
2017/01/28 全球购物
美国创意礼品网站:UncommonGoods
2017/02/03 全球购物
Joules美国官网:出色的英国风格
2017/10/30 全球购物
L’urv官网:精品女性运动服品牌
2019/07/07 全球购物
工商管理本科毕业生求职信范文
2013/10/05 职场文书
仓库门卫岗位职责
2013/12/22 职场文书
电子专业毕业生自我鉴定
2014/01/22 职场文书
促销活动总结怎么写
2014/06/25 职场文书
2014年教师业务工作总结
2014/12/19 职场文书
《全神贯注》教学反思
2016/02/22 职场文书
2019旅游导游工作总结
2019/06/27 职场文书
Django一小时写出账号密码管理系统
2021/04/29 Python