深蓝的一片海
深蓝的一片海
  • 发布:2021-03-23 09:36
  • 更新:2022-05-30 12:03
  • 阅读:1154

图片缓存方案,上拉加载后图片缓存,第二次秒打开

分类:uni-app
watch: {  
            realSrc: {  
                async handler(src) {  
                      const sign = 'cachednewmage#';  
                    const _img = uni.getStorageSync(sign + src); // 同步方法  
                    if (_img) {  
                        // 得到缓存的图片 , 直接使用缓存的图片  
                        this.img_url = _img.path;  
                    }else{  
                        uni.getImageInfo({ src: src })  
                        .then(data => {  

                            //data为一个数组,数组第一项为错误信息,第二项为返回数据  
                            let [error, res] = data;  
                            // console.log(data);  
                            if (error) {  
                                this.img_url =src  
                            } else {  
                                // 拿到获取的图片信息  
                                this.img_url = res.path;  
                                uni.saveFile({  
                                    tempFilePath: res.path  
                                })  
                                .then(data => {  
                                    let [saveFile_error, saveFile_res] = data;  
                                    if (saveFile_res) {  
                                        uni.setStorage({  
                                            key: sign + src,  
                                            data: {path:saveFile_res.savedFilePath}  
                                        })  
                                    }  
                                })  
                            }  
                        })  
                        .catch(err => {  
                            console.error('uni.getImageInfo err', err);  
                        });  
                    }  
                },  
                immediate: true  
            }  
        },

有问题可以随时咨询我,联系方式找头像昵称

0 关注 分享

要回复文章请先登录注册

1***@qq.com

1***@qq.com

这种缓存了,需要做清理么?
2022-05-30 12:03