JavaScript怎么判断图片是否加载完成以便获取其尺寸_javascript技巧
程序员文章站
2022-04-12 14:23:53
...
有时需要获取图片的尺寸,这需要在图片加载完成以后才可以,求方法?
一、load事件
img - load event
测试,所有浏览器都显示出了“loaded”,说明所有浏览器都支持img的load事件。
二、readystatechange事件
img - readystatechange event
readyState为complete和loaded则表明图片已经加载完毕。测试IE6-IE10支持该事件,其它浏览器不支持。
三、img的complete属性
img - complete attribute
轮询不断监测img的complete属性,如果为true则表明图片已经加载完毕,停止轮询。该属性所有浏览器都支持。
一、load事件
复制代码 代码如下:
loading...
测试,所有浏览器都显示出了“loaded”,说明所有浏览器都支持img的load事件。
二、readystatechange事件
复制代码 代码如下:
loading...
readyState为complete和loaded则表明图片已经加载完毕。测试IE6-IE10支持该事件,其它浏览器不支持。
三、img的complete属性
复制代码 代码如下:
loading...
轮询不断监测img的complete属性,如果为true则表明图片已经加载完毕,停止轮询。该属性所有浏览器都支持。
推荐阅读
-
js或者jquery判断图片是否加载完成实现代码_javascript技巧
-
使用JavaScript判断图片是否加载完成的三种实现方式_javascript技巧
-
关于JS判断图片是否加载完成且获取图片宽度的方法_javascript技巧
-
JavaScript实现判断图片是否加载完成的3种方法整理_javascript技巧
-
使用JavaScript判断图片是否加载完成的三种实现方式_javascript技巧
-
关于JS判断图片是否加载完成且获取图片宽度的方法_javascript技巧
-
JavaScript怎么判断图片是否加载完成以便获取其尺寸_javascript技巧
-
JavaScript实现判断图片是否加载完成的3种方法整理_javascript技巧
-
JavaScript怎么判断图片是否加载完成以便获取其尺寸_javascript技巧