博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
图片预加载之比onload更快的获取图片尺寸
阅读量:5270 次
发布时间:2019-06-14

本文共 720 字,大约阅读时间需要 2 分钟。

一般获取图片大小的方法

var imgload = function(url,callback){    var img = new Image();    img.src = url;    if(img.complete){        callback(img.width,img.height)    }else{        img.onload = function(){                            callback(img.width,img.height);            img.onload = null;        };    }}imgload('http://pal4.baiyou100.com/pal4index_files/pic/pic_d_20.jpg',function(a,b){    document.title="图片宽度"+a+"高度"+b;})

以上代码必须等待图片加载完成才能获取图片尺寸。

以下前辈的代码通过javascript定时侦测图片的尺寸状态就可以知道图片尺寸是否加载完成,可以在图片加载完成前获取图片大小。

无标题文档

经过测试发现确实快了很多!

对于 newWidth * newHeight > 1024  主要针对WebKit 浏览器一开始就已经被撑开了 目前测试的浏览器不会有此问题 此条完全没必要了

关于前辈的定时器有装逼之嫌,不过还是有学习的价值!

下面是另一位前辈写的

转载于:https://www.cnblogs.com/justlancer/archive/2012/07/20/2601147.html

你可能感兴趣的文章
RxJava结合Retrofit和Volley简单比较
查看>>
iOS 企业版 安装失败 原因
查看>>
ThreadLocal 理解
查看>>
关于web服务器和数据库的各种说法(搜集到的)
查看>>
一个 forceLayout() 和 requestLayout() 的测试
查看>>
【转】使用js触发事件
查看>>
《TCP/IP 详解 卷一》读书笔记 -----第四章 ARP
查看>>
C# Stream 和 byte[] 之间的转换
查看>>
UDP的最大报文长度
查看>>
自定义不等高的cell-(storyboard)
查看>>
Cracking the code interview
查看>>
linux命令 rpm
查看>>
OMG: daily scrum nine
查看>>
【蓝桥杯】历届试题 连号区间数(运行超时)
查看>>
交换机练习的心得
查看>>
JavaScript数组学习总结
查看>>
node.js
查看>>
配置 Squid Server
查看>>
PHP学习笔记之批量删除
查看>>
第17章 Redis概述
查看>>