JavaScript怎么判断图片是否加载完成以便获取其尺寸_javascript技巧

WBOY
Release: 2016-05-16 16:49:20
Original
1093 people have browsed it

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

一、load事件

复制代码代码如下:





img - load event


JavaScript怎么判断图片是否加载完成以便获取其尺寸_javascript技巧

loading...






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

二、readystatechange事件
复制代码代码如下:





img - readystatechange event


JavaScript怎么判断图片是否加载完成以便获取其尺寸_javascript技巧

loading...






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

三、img的complete属性
复制代码代码如下:





img - complete attribute


JavaScript怎么判断图片是否加载完成以便获取其尺寸_javascript技巧

loading...






轮询不断监测img的complete属性,如果为true则表明图片已经加载完毕,停止轮询。该属性所有浏览器都支持。
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!