在onload事件前獲取圖片的寬高-創(chuàng)新互聯(lián)

有時候在獲取從后臺的圖片時，要對圖片進行一系列的處理，才渲染出來
我們要解決的是沒有緩存而又快速的相比onload更快的方式去獲取圖片的寬高，接下來上代碼
通過定時循環(huán)檢測獲?。?/code>
// 記錄當前時間戳
var start_time = new Date().getTime()
// 圖片地址 后面加時間戳是為了避免緩存
 var cutSrc = window.ctx + '/touchsys/terminal/showCapture?terminalId=' + terminalId + '×trap=' +
 Math.random();
// 創(chuàng)建對象
var img = new Image()
// 改變圖片的src
 img.src = cutSrc;
// 定時執(zhí)行獲取寬高
var check = function(){
 // 只要任何一方大于0
 // 表示已經(jīng)服務器已經(jīng)返回寬高
    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';
        //在里面在做一些我們想處理的邏輯
};

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

我們注重客戶提出的每個要求，我們充分考慮每一個細節(jié)，我們積極的做好成都網(wǎng)站制作、網(wǎng)站設計服務，我們努力開拓更好的視野，通過不懈的努力，創(chuàng)新互聯(lián)建站贏得了業(yè)內(nèi)的良好聲譽，這一切，也不斷的激勵著我們更好的服務客戶。 主要業(yè)務：網(wǎng)站建設,網(wǎng)站制作,網(wǎng)站設計,小程序設計,網(wǎng)站開發(fā),技術開發(fā)實力，DIV+CSS，PHP及ASP，ASP.Net，SQL數(shù)據(jù)庫的技術開發(fā)工程師。

當前名稱：在onload事件前獲取圖片的寬高-創(chuàng)新互聯(lián)
鏈接地址：http://muchs.cn/article16/dpsogg.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供關鍵詞優(yōu)化、動態(tài)網(wǎng)站、品牌網(wǎng)站制作、網(wǎng)站策劃、服務器托管、企業(yè)網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)