JavaScript怎么判断图片是否加载完成以便获取其尺寸
2014-05-09来源:

需要获取图片的尺寸,就需要在图片加载完成以后才可以,下面有个不错的方法,大家不妨参考下

有时需要获取图片的尺寸,这需要在图片加载完成以后才可以,求方法?

一、load事件

代码如下:

img - load event

loading...

Baidu
map

测试,所有浏览器都显示出了“loaded”,说明所有浏览器都支持img的load事件。

二、readystatechange事件

代码如下:

img - readystatechange event

loading...

Baidu
map

readyState为complete和loaded则表明图片已经加载完毕。测试IE6-IE10支持该事件,其它浏览器不支持。

三、img的complete属性

代码如下:

img - complete attribute

loading...

Baidu
map

轮询不断监测img的complete属性,如果为true则表明图片已经加载完毕,停止轮询。该属性所有浏览器都支持。

更多信息请查看IT技术专栏

2026上岸·考公考编培训报班

  • 报班类型
  • 姓名
  • 手机号
  • 验证码
推荐信息
Baidu
map