js获取图片大小的函数代码
更新时间：2011年09月20日 23:19:04 作者：
工作小知识积累，获取图片的大小，需要的朋友可以参考下。
1、获取图片大小的函数getImageSize
function getImageSize(imageEl) {
var i = new Image(); //新建一个图片对象
i.src = imageEl.src; //将图片的src属性赋值给新建图片对象的src
return new Array(i.width, i.height); //返回图片的长宽像素
//return [i.width, i.height];
}
2、示例
var imgEl = document.getElementById(imgEl),
imgSize = getImageSize(imgEl),
imgWidth = imgSize[0], //取得图片的宽度
imgHeight = imgSize[1]; //取得图片的高度
复制代码 代码如下:
function getImageSize(imageEl) {
var i = new Image(); //新建一个图片对象
i.src = imageEl.src; //将图片的src属性赋值给新建图片对象的src
return new Array(i.width, i.height); //返回图片的长宽像素
//return [i.width, i.height];
}
2、示例
复制代码 代码如下:
var imgEl = document.getElementById(imgEl),
imgSize = getImageSize(imgEl),
imgWidth = imgSize[0], //取得图片的宽度
imgHeight = imgSize[1]; //取得图片的高度
相关文章
如果所请求的域名跟这个域名不致，这种情况就是跨域，由于跨域存在漏洞，所以一般来说正常的跨域请求方式是请求不到的，所以有了本文的出现，感兴趣的你可以参考下哈，希望可以帮助到你2013-03-03
这篇文章介绍了JavaScript获取字符串实际长度(包含中英文)的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-06-06
本文主要给大家讲解了javascript中的json跨域问题，以及跨域安全性的解决办法，总结了2点，分享给大家，希望大家能够喜欢。2016-03-03
极酷的javascirpt，让你随意编辑任何网页...2007-02-02
本文主要介绍了JavaScript数据类型的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧2017-03-03
这篇文章主要为大家详细介绍了微信小程序使用swiper组件实现层叠轮播图，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-11-11
最近这几天在升级自己的MVVM 框架,遇到很多小问题,所以想着就在这里统一解决了。文中主要介绍了关于Javascript中with的替代方法与String中的正则方法，有需要的朋友们可以参考借鉴，下面来一起看看吧。2016-12-12
avalon是国内最强大的MVVM框架，最近小编在高购物车的项目，我们是用avalon来实现一些模块的，所以顺其自然的用avalon来实现购物车。接下来通过本文给大家分享Avalonjs 实现简单购物车功能的实例代码，需要的的朋友参考下2017-02-02
非IE浏览器“userdata”的解决方案2009-06-06
Javascript base64编码实现代码，需要的朋友可以参考下。2011-12-12
最新评论