cocos 在原生中的 Imageloader

var urlPool = new Map();//预防文件多次下载
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标签  防止复用时  异步多次回调  且回调顺序不一致的情况
    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;
};

//获取图片的格式  这里有个bug  微信头像没后缀  必须带上个后缀（不论后缀对不对）才能显示  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);
};

//不能单独使用
function loadFromNet(url, sprite) {
    if (cc.sys.isNative) {
        //logUtil.logDebug("loadImage  1 loadNetImage isNative" + url);
        // 如果是手机的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;
        }
        //文件不存在 判断是否请求过 并将精灵加入回调队列
        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);
        // 如果不是手机的jsb,直接加载
        loadWithOutFileCache(url, sprite);
    }
};

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

//不能单独使用
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) {//直接从内存缓存中取
            //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)) {//异步回调时 查看当前view是否变化了请求链接  在复用的时候会有问题
                //logUtil.logDebug("loadImage  6 loadWithTag isloaded ");
                sprite.spriteFrame = new cc.SpriteFrame(texture);
            } else {
                //logUtil.logDebug("loadImage 7 loadWithTag url is diffrent with sprite.urlTag");
            }
        });
    }
};

//直接请求不缓存//不能单独使用
function loadWithOutFileCache(url, sprite) {
    //logUtil.logDebug("loadImage 1 directLoadImage load local resource" + url);
    if (url) {
        var imgCache = cc.loader.getRes(url);//直接从内存缓存中取
        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");
            }
        });
    }
};

//不能单独使用
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 网络请求成功");
                    if (callback) {
                        //logUtil.logDebug("loadImage 回调开始");
                        callback(xhr)
                    } else {
                        //logUtil.logDebug("loadImage 回调失败 callback == null");
                    }
                } else {
                    //logUtil.logDebug("loadImage 网络请求失败" + xhr.status+" address:"+address);
                    doError(address);
                }
            } else {
                //logUtil.logDebug("loadImage 网络 请求状态变化" + xhr.status);
            }
        };
        xhr.timeout = 10000;
        xhr.onerror = function (err) {
            //logUtil.logDebug("loadImage 网络访问发生错误,请检查网络是否畅通22.");
            doError(address);
        };
        xhr.ontimeout = function () {
            // self.close(xhr);
            //logUtil.logDebug("loadImage 网络请求超时,请保证你的网络环境稳定.");
            doError(address);
        };
        xhr.responseType = "arraybuffer";
        xhr.open("GET", address, true);
        xhr.send();
    }catch (error) {
        //logUtil.logDebug("loadImage 1 网络请求错误 catch error" + error);
    } finally {
    }
};

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

function dowloadImage(url, sprite) {
    //logUtil.logDebug("loadImage 网络请求开始");
    httpRequest(url, function (xhr) {
        try{
            //logUtil.logDebug("loadImage 回调开始 start");
            var tmp_data = new Uint8Array(xhr.response);
            var dirpath = jsb.fileUtils.getWritablePath() + cacheFileName;
            //logUtil.logDebug("loadImage 回调 dirpath"+dirpath);
            var filepath = dirpath + farmGame.util.Base64Encode(url);
            //logUtil.logDebug("loadImage 回调 filepath"+filepath);
            var res = saveTemp(filepath, tmp_data)
            //logUtil.logDebug("loadImage 回调 存储"+res);
            if (res) {
                //logUtil.logDebug("loadImage 文件存储成功" + url+" filepath:"+filepath);
                doSuccess(url);
            } else {
                //logUtil.logDebug("loadImage 文件存储失败" + url+" filepath:"+filepath);
                doError(url);
            }
        }catch (error) {
            //logUtil.logDebug("loadImage 1 回调错误 catcherror" + error);
        } finally {
        }
    })
};

module.exports = {
    load: load,
    initLoader: initLoader,
}
©著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 201,784评论 5赞 474
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 84,745评论 2赞 378
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
    开封第一讲书人阅读 148,702评论 0赞 335
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 54,229评论 1赞 272
  • 港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 63,245评论 5赞 363
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 48,376评论 1赞 281
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 37,798评论 3赞 393
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 36,471评论 0赞 256
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 40,655评论 1赞 295
  • 护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,485评论 2赞 318
  • 白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,535评论 1赞 329
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 33,235评论 3赞 318
  • 日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 38,793评论 3赞 304
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,863评论 0赞 19
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,096评论 1赞 258
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 42,654评论 2赞 348
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 42,233评论 2赞 341

推荐阅读更多精彩内容