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 blockUI 遮罩不能消失与不能提交的解决方法
Sep 17 Javascript
js querySelector和getElementById通过id获取元素的区别
Apr 20 Javascript
javaScript NameSpace 简单说明介绍
Jul 18 Javascript
JQuery的Ajax中Post方法传递中文出现乱码的解决方法
Oct 21 Javascript
JS实现HTML表格排序功能
Aug 05 Javascript
Bootstrap栅格系统学习笔记
Nov 25 Javascript
JavaScript实现汉字转换为拼音的库文件示例
Dec 22 Javascript
前端面试知识点锦集(JavaScript篇)
Dec 28 Javascript
TypeScript基础入门教程之三重斜线指令详解
Oct 22 Javascript
微信小程序实现pdf、word等格式文件上传的方法
Sep 10 Javascript
JS实现吸顶特效
Jan 08 Javascript
JavaScript实现雪花飘落效果
Dec 27 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
在PHP3中实现SESSION的功能(三)
2006/10/09 PHP
几种有用的变型 PHP中循环语句的用法介绍
2012/01/30 PHP
解析如何去掉CodeIgniter URL中的index.php
2013/06/25 PHP
PHP实现图片裁剪、添加水印效果代码
2014/10/01 PHP
php设计模式之职责链模式定义与用法经典示例
2019/09/19 PHP
google地图的路线实现代码
2009/08/20 Javascript
jquery 操作单选框,复选框,下拉列表实现代码
2009/10/27 Javascript
基于jquery的inputlimiter 实现字数限制功能
2010/05/30 Javascript
jQuery选中select控件 无法设置selected的解决方法
2010/09/01 Javascript
js 弹出菜单/窗口效果
2011/10/30 Javascript
js 图片随机不定向浮动的实现代码
2013/07/02 Javascript
高效率JavaScript编写技巧整理
2013/08/23 Javascript
javascript Array.prototype.slice的使用示例
2013/11/14 Javascript
JQuery中$(document)是什么意思有什么作用
2014/07/21 Javascript
jquery实现的淡入淡出下拉菜单效果
2015/08/25 Javascript
JS实现的简洁纵向滑动菜单(滑动门)效果
2015/10/19 Javascript
基于touch.js手势库+zepto.js插件开发图片查看器(滑动、缩放、双击缩放)
2016/11/17 Javascript
Javascript中的 “&” 和 “|” 详解
2017/02/02 Javascript
js/jquery遍历对象和数组的方法分析【forEach,map与each方法】
2019/02/27 jQuery
JS判断数组里是否有重复元素的方法小结
2019/05/21 Javascript
js中实现继承的五种方法
2021/01/25 Javascript
python对指定目录下文件进行批量重命名的方法
2015/04/18 Python
Python中统计函数运行耗时的方法
2015/05/05 Python
详解使用pymysql在python中对mysql的增删改查操作(综合)
2017/01/18 Python
python+opencv识别图片中的圆形
2020/03/25 Python
Python学习笔记之open()函数打开文件路径报错问题
2018/04/28 Python
Python使用ConfigParser模块操作配置文件的方法
2018/06/29 Python
Python英文文章词频统计(14份剑桥真题词频统计)
2019/10/13 Python
Win下PyInstaller 安装和使用教程
2019/12/25 Python
解析pip安装第三方库但PyCharm中却无法识别的问题及PyCharm安装第三方库的方法教程
2020/03/10 Python
PyQt5实现画布小程序
2020/05/30 Python
使用Python封装excel操作指南
2021/01/29 Python
2015年元旦标语大全
2014/12/09 职场文书
超市督导岗位职责
2015/04/10 职场文书
宣传委员竞选稿
2015/11/19 职场文书
MySQL中日期型单行函数代码详解
2021/06/21 MySQL