Heim > Web-Frontend > js-Tutorial > 关于JS判断图片是否加载完成且获取图片宽度的方法_javascript技巧

关于JS判断图片是否加载完成且获取图片宽度的方法_javascript技巧

WBOY
Freigeben: 2016-05-16 17:37:46
Original
1147 Leute haben es durchsucht

做web的同学们经常会碰到客户上传图片将网页内容区撑破了的情况,下面就这个问题我们一种如何使用js处理这个问题的方法,具体思路就是在js判断客户端的图片下载完毕之后适时的对该图片的宽度或者高度做一些处理,js处理图片主要是利用js中Image对象,通过 onload 事件和 onreadystatechange 来进行判断。

(1)第一中方法,通过onload事件,比如:

复制代码 代码如下:


onloading……

(2)第二种方法,使用 onreadystatechange 来判断

复制代码 代码如下:


onloading……

Verwandte Etiketten:
js
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage