码迷,mamicode.com
首页 > 编程语言 > 详细

javascript image

时间:2017-10-27 13:37:02      阅读:230      评论:0      收藏:0      [点我收藏+]

标签:加载   logs   通过   src   img   http   句柄   代码   wim   

获取图片的初始高度和宽度

通过javascript Image对象,想去获取图片的初始大小,用以下代码发现获取到的宽度和高度都是0;(谷歌浏览器)

技术分享

发现图片是有加载出来,但是长宽都是0(个人认为这是因为图片还没有加载完成,就获取宽度和高度导致),关掉图片后,再次打开发现竟然有宽度和高度了,这是因为浏览器缓存完这张图片了,再次加载的时候直接从缓存中取出图片。

 

技术分享

 

解决办法

在图片加载之后获取高度宽度就可以,onload方法:当图像装载完毕时调用的事件句柄。

技术分享

注意:onload事件要放在img.src = $(‘#showImg‘).attr("src");赋值的前面定义。

 

javascript image

标签:加载   logs   通过   src   img   http   句柄   代码   wim   

原文地址:http://www.cnblogs.com/solitaryYang/p/7742502.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!