欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

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

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

复制代码 代码如下:


onloading……

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

复制代码 代码如下:


onloading……