首页 > 其他 > 详细

高效获取图片宽高的轮子

时间:2019-08-28 15:22:50      阅读:76      评论:0      收藏:0      [点我收藏+]
我们知道有些图片虽然没有完全加载出来,但是已经先有占位符,然后一点一点的加载。既然有占位符那应该是请求图片资源服务器响应后返回的
可服务器什么时候响应并返回宽高的数据并没有触发事件,所以就有了定时检测获取宽高的方法,这种方法比img.onload方法要快,代码如下:

// 创建对象
var img = new Image();
// 改变图片的src
img.src = imgThumb;
let imgW = 0;
let imgH = 0;

var check = function(){
// 只要任何一方大于0 表示已经服务器已经返回宽高
if(img.width>0 || img.height>0){
imgW = img.width;
imgH = img.height;
clearInterval(set); //清空周期
}
};

var set = setInterval(check,40); //40毫秒请求一次服务器直到获取宽高

参考地址:https://www.jb51.net/article/75441.htm

高效获取图片宽高的轮子

原文:https://www.cnblogs.com/luzt/p/11424229.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!