cocos 在原生中的 Imageloader

var urlPool = new Map();//預(yù)防文件多次下載
var cacheFileName = "cocosImageCache/";

function initLoader() {
    if (cc.sys.isNative) {
        var dirpath = jsb.fileUtils.getWritablePath() + cacheFileName;
        if (!jsb.fileUtils.isDirectoryExist(dirpath)) {
            //logUtil.logDebug("loadImage  1 loadNetImage !isDirectoryExist");
            if (jsb.fileUtils.createDirectory(dirpath)) {
                //logUtil.logDebug("loadImage  1 loadNetImage createDirectories success");
            } else {
                //logUtil.logDebug("loadImage  1 loadNetImage createDirectories failed");
            }
        } else {
            //logUtil.logDebug("loadImage  1 loadNetImage isDirectoryExist");
        }
    }
}

function load(sprite, defaultUrl, url) {
    if (!sprite) {
        //logUtil.logDebug("loadImage 1 load sprite == null");
        return;
    }
    //給該精靈加上url標(biāo)簽  防止復(fù)用時(shí)  異步多次回調(diào)  且回調(diào)順序不一致的情況
    if (defaultUrl) {
        sprite.defaultUrlTag = defaultUrl;
    }
    if (!url) {
        if (defaultUrl) {
            //logUtil.logDebug("loadImage 1 load url == null");
            loadDefault(defaultUrl, sprite);
            return;
        } else {
            //logUtil.logDebug("loadImage 1 load url&&defaultUrl == null");
            return;
        }
    } else {
        sprite.urlTag = url;
        var img = cc.loader.getRes(defaultUrl);
        if (sprite.defaultUrlTag === defaultUrl) {
            if (!img) {
                //logUtil.logDebug("loadImage 1 load first load default sprite.defaultUrlTag != defaultUrl");
                loadDefault(defaultUrl, sprite);
            } else {
                sprite.spriteFrame = new cc.SpriteFrame(img);
            }
        }
    }
    if (url.startsWith("http")) {
        //logUtil.logDebug("loadImage 2 load http" + url);
        loadFromNet(url, sprite, defaultUrl);
    } else {
        //logUtil.logDebug("loadImage 2 load res" + url);
        loadWithOutFileCache(url, sprite);
    }
};

//是否第一次下載
function isFirstDownloading(url, sprite) {
    var sprites = urlPool.get(url);
    if (sprites) {
        sprites.push(sprite);
        //logUtil.logDebug("loadImage 1 isFirstDownloading sprite != null");
        return false;
    } else {
        var spArr = new Array();
        spArr.push(sprite);
        //logUtil.logDebug("loadImage 1 isFirstDownloading sprite == null");
        urlPool.set(url, spArr);
        return true;
    }
};

function getCacheArray(url) {
    var sprites = urlPool.get(url);
    return sprites;
};

function isFitTag(sprite, url) {
    if (!sprite) {
        return false;
    }
    return sprite.urlTag === url;
};

//比較緩存文件路徑是否相同
function isFitFileTag(sprite, path) {
    if (!sprite) {
        return false;
    }
    var dirpath = jsb.fileUtils.getWritablePath() + cacheFileName;
    var filepath = dirpath + farmGame.util.Base64Encode(sprite.urlTag);
    return filepath === path;
};

//獲取圖片的格式  這里有個(gè)bug  微信頭像沒后綴  必須帶上個(gè)后綴(不論后綴對(duì)不對(duì))才能顯示  cocos的bug
function getImageType(url) {
    if (isContains(url, 'jpg')) {
        return 'jpg';
    } else if (isContains(url, "webp")) {
        return 'webp';
    } else {
        return 'png';
    }
};

function isContains(str, substr) {
    return new RegExp(substr).test(str);
};

//不能單獨(dú)使用
function loadFromNet(url, sprite) {
    if (cc.sys.isNative) {
        //logUtil.logDebug("loadImage  1 loadNetImage isNative" + url);
        // 如果是手機(jī)的jsb,走文件緩存
        var dirpath = jsb.fileUtils.getWritablePath() + cacheFileName;
        var filepath = dirpath + farmGame.util.Base64Encode(url);
        if (jsb.fileUtils.isFileExist(filepath)) {
            //文件存在
            //logUtil.logDebug("loadImage 2 loadNetImage load to memory cache" + url);
            loadWithTag(filepath, sprite);
            return;
        }
        //文件不存在 判斷是否請(qǐng)求過 并將精靈加入回調(diào)隊(duì)列
        if (isFirstDownloading(url, sprite)) {
            try {
                dowloadImage(url, sprite);
            } catch (error) {
                //logUtil.logDebug("loadImage 1 loadNetImage isFirstDownloading error" + error);
            }
        } else {
            //logUtil.logDebug("loadImage 10 loadNetImage already request " + url);
        }
    } else {
        //logUtil.logDebug("loadImage 11 loadNetImage  !isNative" + url);
        // 如果不是手機(jī)的jsb,直接加載
        loadWithOutFileCache(url, sprite);
    }
};

function isImageUrl(url) {
    if (url) {
        if (url.endsWith(".png") || url.endsWith(".jpg")) {
            return true;
        }
    }
    return false;
};

//不能單獨(dú)使用
function loadWithTag(url, sprite) {//url全部為本地路勁
    //logUtil.logDebug("loadImage 1 loadWithTag load local resource" + url);
    if (url && isFitFileTag(sprite, url)) {
        //logUtil.logDebug("loadImage 2 loadWithTag load url fit" + url);
        var img = cc.loader.getRes(url);
        if (img) {//直接從內(nèi)存緩存中取
            //logUtil.logDebug("loadImage 3 loadWithTag get cache from memory" + url);
            sprite.spriteFrame = new cc.SpriteFrame(img);
            return;
        }
        //logUtil.logDebug("loadImage 4 loadWithTag load url fit  not in memory cache" + url);
        cc.loader.load({url: url, type: getImageType(sprite.urlTag)}, function (err, texture) {
            if (err) {
                //logUtil.logDebug("loadImage 5 loadWithTag load local resource failed" + url);
                // loadDefault(defaultUrl, sprite);
                return;
            }
            if (isFitFileTag(sprite, url)) {//異步回調(diào)時(shí) 查看當(dāng)前view是否變化了請(qǐng)求鏈接  在復(fù)用的時(shí)候會(huì)有問題
                //logUtil.logDebug("loadImage  6 loadWithTag isloaded ");
                sprite.spriteFrame = new cc.SpriteFrame(texture);
            } else {
                //logUtil.logDebug("loadImage 7 loadWithTag url is diffrent with sprite.urlTag");
            }
        });
    }
};

//直接請(qǐng)求不緩存//不能單獨(dú)使用
function loadWithOutFileCache(url, sprite) {
    //logUtil.logDebug("loadImage 1 directLoadImage load local resource" + url);
    if (url) {
        var imgCache = cc.loader.getRes(url);//直接從內(nèi)存緩存中取
        if (imgCache) {
            //logUtil.logDebug("loadImage 2 directLoadImage get cache from memory" + url);
            sprite.spriteFrame = new cc.SpriteFrame(imgCache);
            return;
        }
        cc.loader.load({url: url, type: getImageType(sprite.urlTag)}, function (err, texture) {
            if (err) {
                //logUtil.logDebug("loadImage 3 directLoadImage load local resource failed" + url);
                return;
            }
            if (url === sprite.urlTag) {
                //logUtil.logDebug("loadImage 2 directLoadImage isloaded" + url);
                sprite.spriteFrame = new cc.SpriteFrame(texture);
            } else {
                //logUtil.logDebug("loadImage 4 directLoadImage url is diffrent with sprite.urlTag");
            }
        });
    }
};

//不能單獨(dú)使用
function loadDefault(defaultUrl, sprite) {
    //logUtil.logDebug("loadImage  1 loadDefault 1load default res" + defaultUrl);
    if (defaultUrl) {
        cc.loader.load({url: defaultUrl, type: 'png'}, function (err, texture) {
            if (err) {
                //logUtil.logDebug("loadImage 2 loadDefault load default res failed" + defaultUrl);
                return;
            }
            //logUtil.logDebug("loadImage 2 loadDefault isloaded" + defaultUrl + "defaultUrlTag" + sprite.defaultUrlTag);
            if (defaultUrl === sprite.defaultUrlTag ) {
                sprite.spriteFrame = new cc.SpriteFrame(texture);
            } else {
                //logUtil.logDebug("loadImage 2 loadDefault sprite.defaultUrlTag is not fit" + sprite.defaultUrlTag + "  " + sprite.urlTag);
            }
        });
    }
};

function doError(url) {
    try {
        // //logUtil.logDebug("loadImage 3 loadNetImage doError!!!!:" + "errorstr:" + errorStr + ":errorCode:" + errorCode + ":errInter:" + errorCodeInternal.toString());
        var cacheArr = getCacheArray(url);
        for (var k in cacheArr) {//
            var spritetmp = cacheArr[k];
            //logUtil.logDebug("loadImage 4 loadNetImage doError load default" + k + "spritetmp" + spritetmp);
            loadWithOutFileCache(spritetmp.urlTag, spritetmp);
        }
        //logUtil.logDebug("loadImage 5 loadNetImage doError delete " + url);
        urlPool.delete(url);
    } catch (error) {
        //logUtil.logDebug("loadImage 1 loadNetImage doError error" + error);
    } finally {
        urlPool.delete(url);
    }
};

function doSuccess(url) {
    try {
        //logUtil.logDebug("loadImage 6 loadNetImage doSuccess down success!!!!:");
        var cacheArr = getCacheArray(url);
        //logUtil.logDebug("loadImage 7 loadNetImage doSuccess down success!!!!cacheArr:" + cacheArr.length);
        for (var k in cacheArr) {//
            var spritetmp = cacheArr[k];
            var dirpath = jsb.fileUtils.getWritablePath() + cacheFileName;
            var filepath = dirpath + farmGame.util.Base64Encode(url);
            //logUtil.logDebug("loadImage 8 loadNetImage doSuccess load file to memory cache " + k + "url:" + url);
            loadWithTag(filepath, spritetmp);
        }
        //logUtil.logDebug("loadImage 9 loadNetImage doSuccess delete " + url);
    } catch (error) {
        //logUtil.logDebug("loadImage 1 loadNetImage doSuccess error" + error);
    } finally {
        urlPool.delete(url);
    }
};

function httpRequest(address, callback) {
    try {
        var xhr = new XMLHttpRequest();
        var self = this;
        xhr.onreadystatechange = function () {
            if (xhr.readyState == 4) {
                if (xhr.status >= 200 && xhr.status < 400) {
                    //logUtil.logDebug("loadImage 網(wǎng)絡(luò)請(qǐng)求成功");
                    if (callback) {
                        //logUtil.logDebug("loadImage 回調(diào)開始");
                        callback(xhr)
                    } else {
                        //logUtil.logDebug("loadImage 回調(diào)失敗 callback == null");
                    }
                } else {
                    //logUtil.logDebug("loadImage 網(wǎng)絡(luò)請(qǐng)求失敗" + xhr.status+" address:"+address);
                    doError(address);
                }
            } else {
                //logUtil.logDebug("loadImage 網(wǎng)絡(luò) 請(qǐng)求狀態(tài)變化" + xhr.status);
            }
        };
        xhr.timeout = 10000;
        xhr.onerror = function (err) {
            //logUtil.logDebug("loadImage 網(wǎng)絡(luò)訪問發(fā)生錯(cuò)誤,請(qǐng)檢查網(wǎng)絡(luò)是否暢通22.");
            doError(address);
        };
        xhr.ontimeout = function () {
            // self.close(xhr);
            //logUtil.logDebug("loadImage 網(wǎng)絡(luò)請(qǐng)求超時(shí),請(qǐng)保證你的網(wǎng)絡(luò)環(huán)境穩(wěn)定.");
            doError(address);
        };
        xhr.responseType = "arraybuffer";
        xhr.open("GET", address, true);
        xhr.send();
    }catch (error) {
        //logUtil.logDebug("loadImage 1 網(wǎng)絡(luò)請(qǐng)求錯(cuò)誤 catch error" + error);
    } finally {
    }
};

function saveTemp(file_name, data) {
    return jsb.fileUtils.writeDataToFile(data, file_name)
};

function dowloadImage(url, sprite) {
    //logUtil.logDebug("loadImage 網(wǎng)絡(luò)請(qǐng)求開始");
    httpRequest(url, function (xhr) {
        try{
            //logUtil.logDebug("loadImage 回調(diào)開始 start");
            var tmp_data = new Uint8Array(xhr.response);
            var dirpath = jsb.fileUtils.getWritablePath() + cacheFileName;
            //logUtil.logDebug("loadImage 回調(diào) dirpath"+dirpath);
            var filepath = dirpath + farmGame.util.Base64Encode(url);
            //logUtil.logDebug("loadImage 回調(diào) filepath"+filepath);
            var res = saveTemp(filepath, tmp_data)
            //logUtil.logDebug("loadImage 回調(diào) 存儲(chǔ)"+res);
            if (res) {
                //logUtil.logDebug("loadImage 文件存儲(chǔ)成功" + url+" filepath:"+filepath);
                doSuccess(url);
            } else {
                //logUtil.logDebug("loadImage 文件存儲(chǔ)失敗" + url+" filepath:"+filepath);
                doError(url);
            }
        }catch (error) {
            //logUtil.logDebug("loadImage 1 回調(diào)錯(cuò)誤 catcherror" + error);
        } finally {
        }
    })
};

module.exports = {
    load: load,
    initLoader: initLoader,
}
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市瑟蜈,隨后出現(xiàn)的幾起案子藻烤,更是在濱河造成了極大的恐慌,老刑警劉巖拘央,帶你破解...
    沈念sama閱讀 211,265評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡崭捍,警方通過查閱死者的電腦和手機(jī)荤牍,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,078評(píng)論 2 385
  • 文/潘曉璐 我一進(jìn)店門案腺,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人康吵,你說我怎么就攤上這事劈榨。” “怎么了晦嵌?”我有些...
    開封第一講書人閱讀 156,852評(píng)論 0 347
  • 文/不壞的土叔 我叫張陵同辣,是天一觀的道長。 經(jīng)常有香客問我惭载,道長旱函,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,408評(píng)論 1 283
  • 正文 為了忘掉前任描滔,我火速辦了婚禮棒妨,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘含长。我一直安慰自己券腔,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,445評(píng)論 5 384
  • 文/花漫 我一把揭開白布拘泞。 她就那樣靜靜地躺著纷纫,像睡著了一般。 火紅的嫁衣襯著肌膚如雪田弥。 梳的紋絲不亂的頭發(fā)上涛酗,一...
    開封第一講書人閱讀 49,772評(píng)論 1 290
  • 那天,我揣著相機(jī)與錄音偷厦,去河邊找鬼商叹。 笑死,一個(gè)胖子當(dāng)著我的面吹牛只泼,可吹牛的內(nèi)容都是我干的剖笙。 我是一名探鬼主播,決...
    沈念sama閱讀 38,921評(píng)論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼请唱,長吁一口氣:“原來是場噩夢啊……” “哼弥咪!你這毒婦竟也來了过蹂?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,688評(píng)論 0 266
  • 序言:老撾萬榮一對(duì)情侶失蹤聚至,失蹤者是張志新(化名)和其女友劉穎酷勺,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體扳躬,經(jīng)...
    沈念sama閱讀 44,130評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡脆诉,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,467評(píng)論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了贷币。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片击胜。...
    茶點(diǎn)故事閱讀 38,617評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖役纹,靈堂內(nèi)的尸體忽然破棺而出偶摔,到底是詐尸還是另有隱情,我是刑警寧澤促脉,帶...
    沈念sama閱讀 34,276評(píng)論 4 329
  • 正文 年R本政府宣布辰斋,位于F島的核電站,受9級(jí)特大地震影響嘲叔,放射性物質(zhì)發(fā)生泄漏亡呵。R本人自食惡果不足惜抽活,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,882評(píng)論 3 312
  • 文/蒙蒙 一硫戈、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧下硕,春花似錦丁逝、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,740評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至誉尖,卻和暖如春罪既,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背铡恕。 一陣腳步聲響...
    開封第一講書人閱讀 31,967評(píng)論 1 265
  • 我被黑心中介騙來泰國打工琢感, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人探熔。 一個(gè)月前我還...
    沈念sama閱讀 46,315評(píng)論 2 360
  • 正文 我出身青樓驹针,卻偏偏與公主長得像,于是被迫代替她去往敵國和親诀艰。 傳聞我的和親對(duì)象是個(gè)殘疾皇子柬甥,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,486評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容

  • 我們出去露營饮六,是該選擇一個(gè)人一個(gè)帳篷呢,還是大家都住在一個(gè)帳篷里苛蒲?不知道各位驢友們是否有這樣的困惑卤橄,但是小編在這里...
    昵昵昵_5348閱讀 423評(píng)論 0 0
  • 店小二臉上涎著笑說道 :“您說的是張公子和段公子啊,現(xiàn)在是中午臂外,正好是飯口時(shí)間虽风,方才二位公子本想到小店的前廳用飯,...
    長白居士閱讀 240評(píng)論 0 0
  • 點(diǎn)擊這里查看視頻 我是Wind, 以前是字幕組組長. 我每天早上聽寫1分鐘電影, 已經(jīng)堅(jiān)持4個(gè)月了. 你想不想找一...
    Wind教口語閱讀 513評(píng)論 0 2