第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

js如何根據(jù)圖片是否已經(jīng)緩存展現(xiàn)loading動畫?

js如何根據(jù)圖片是否已經(jīng)緩存展現(xiàn)loading動畫?

瀟瀟雨雨 2018-11-21 18:13:54
現(xiàn)有一個需求:點擊列表進(jìn)入詳情頁,詳情頁中有圖片展示1.首次進(jìn)入如果圖片加載完畢了,關(guān)閉loading2.如果再次進(jìn)入,瀏覽器緩存了這個圖片,則不再顯示loading3.如果這個列表不包含圖片,點進(jìn)去后不顯示loading我用了個笨辦法,一進(jìn)去判斷img的src是不是空,不是空就loading動畫,然后使用jquery的.load()判斷加載完畢后關(guān)閉$(function(){        if($("#img").attr("src").length==0){        layer.msg('Loading...', {               icon: 16,               shade: 0.01,              time: 3000          });    }        $("img").load(function(){        layer.closeAll('loading');    })});但這里有個問題,如果圖片緩存了,進(jìn)入仍然開啟loading動畫,但圖片是直接顯示的,求助可否能根據(jù)緩存來顯示loading,或者我這個做法不對,有更好的方案?給個思路即可,有簡單的偽代碼更好,謝謝!
查看完整描述

1 回答

?
慕尼黑5688855

TA貢獻(xiàn)1848條經(jīng)驗 獲得超2個贊

var url = "http://......../image.jpg";

var img = new Image();

img.src = url;

 

if(img.complete) {

    alert('該圖片已經(jīng)存在于緩存之中,不會再去重新下載');

}else{

    alert('圖片不存在緩存之中');

    img.onload = function() {

    alert('圖片下載成功!');

}


查看完整回答
反對 回復(fù) 2018-12-31
  • 1 回答
  • 0 關(guān)注
  • 528 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號