亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

在onload事件前獲取圖片的寬高

標簽:
JQuery

有时候在获取从后台的图片时,要对图片进行一系列的处理,才渲染出来我们要解决的是没有缓存而又快速的相比onload更快的方式去获取图片的宽高,接下来上代码通过定时循环检测获取:
// 记录当前时间戳var start_time = new Date().getTime()// 图片地址 后面加时间戳是为了避免缓存 var cutSrc = window.ctx + '/touchsys/terminal/showCapture?terminalId=' + terminalId + '×trap=' + Math.random();// 创建对象var img = new Image()// 改变图片的src img.src = cutSrc;// 定时执行获取宽高var check = function(){ // 只要任何一方大于0 // 表示已经服务器已经返回宽高    if (img.width>0 || img.height>0) {        var diff = new Date().getTime() - start_time;        document.body.innerHTML += '        from:check : width:'+img.width+',height:'+img.height+', time:'+diff+'ms';        clearInterval(set);    }}var set = setInterval(check,40)// 加载完成获取宽高img.onload = function(){    var diff = new Date().getTime() - start_time;    document.body.innerHTML += 'from:onload : width:'+img.width+',height:'+img.height+', time:'+diff+'ms';        //在里面在做一些我们想处理的逻辑};

點擊查看更多內容
TA 點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
  • 推薦
  • 評論
  • 收藏
  • 共同學習,寫下你的評論
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消