帖子
帖子
用户
博客
课程
显示全部楼层
28
帖子
0
勋章
152
Y币
发表于 2016-8-2 11:15:03
10
未解决

图片缓存 [复制链接]

  • 发表于:2016-08-02 11:15:03
//第六步图片缓存
                function IMGcache() {
                        var imgDir = "fs://images/";   //fs模块
                       
                        var srcs = $("img.imgCache");
                        if (srcs.length > 0) {
                            var imgObj = $("img.imgCache").first();
                            
                            var imgUrl = imgObj.attr("srcs");
                            alert(imgUrl);
                            var imgSha1 = hex_sha1(imgUrl);
                            if ($api.getStorage("imgcache" + imgSha1) == undefined) {
                                api.download({
                                    url : imgUrl,
                                    savePath : imgDir + imgSha1 + '.png',
                                    cache : false,
                                    allowResume : true
                                }, function(ret, err) {
                                    if (ret.state == 1) {
                                        var trans = api.require('trans');
                                        trans.decodeImgToBase64({
                                            imgPath : ret.savePath
                                        }, function(ret1, err1) {
                                            if (ret1.status) {
                                                imgObj.attr("src", "data:image/png;base64," + ret1.base64Str);
                                                imgObj.removeClass("imgCache");
                                                $api.setStorage("imgcache" + imgSha1, "data:image/png;base64," + ret1.base64Str);
                                                IMGcache();
                                            } else {
                                                api.alert({
                                                    msg : err1.msg
                                                });
                                            }
                                        });
                                        
                                    } else {
                                        IMGcache();
                                    }
                                });
                            } else {
                                imgObj.attr("src", $api.getStorage("imgcache" + imgSha1));
                                imgObj.removeClass("imgCache");
                                    IMGcache();
                                }
                            }
                        }

这是代码  图片是我在手机端页面上获取的数据 怎么结合到一起

QQ截图20160802110657.png
34
帖子
1
勋章
594
Y币
你的ret在哪里呢?  你是想要 把这些数据 按样式展示到页面吗?  你这种拼接就是一种办法啊

或使用dot.js 也可以
28
帖子
0
勋章
152
Y币
过云雨 发表于 2016-8-2 12:19
你的ret在哪里呢?  你是想要 把这些数据 按样式展示到页面吗?  你这种拼接就是一种办法啊

或使用dot.js  ...

然后我想让它第一次刷新的时候就缓存到本地 再刷新如果没有新添的图片就让它直接在本地获取 而不会刷新

打开软件之后这样

打开软件之后这样

刷新的时候会有一瞬间这样

刷新的时候会有一瞬间这样
34
帖子
1
勋章
594
Y币
馄饨馅饼 发表于 2016-8-2 15:02
然后我想让它第一次刷新的时候就缓存到本地 再刷新如果没有新添的图片就让它直接在本地获取 而不会刷新
...

https://community.apicloud.com/b ... mdisplay&fid=36

分享区有关于这个例子  我没有用过,但是见过,你自己看看去!就是针对你的这个问题的
您需要登录后才可以回帖 登录

本版积分规则