工作生活

微信小程序存储数据到本地,离线使用

2019-06-30  本文已影响0人  前端里程

在做微信小程序项目开发的过程中,有时候后台给的请求数据过大,会导致请求时间过长或者项目需要离线使用一些数据;这是就可以使用小程序的文件保存和文件读取的API,离线存储数据到本地使用。
保存文件:

const FileSystemManager = wx.getFileSystemManager()//获取全局唯一的文件管理器
  wx.downloadFile({
    url: '', // 
    success(res) {
      if (res.statusCode === 200) {
        FileSystemManager.saveFile({//下载成功后保存到本地
          tempFilePath: res.tempFilePath,
          filePath: wx.env.USER_DATA_PATH + "/xxx.json" ,//wx.env.USER_DATA_PATH是获取微信小程序的根目录
          success(res2) {
            if (res2.errMsg == 'saveFile:ok') {
             
            }
          }
        })
      }
    }
  })

页面中获取文件:

loadFiles (fileName) { //加载本地存储数据
    const FileSystemManager = wx.getFileSystemManager()//获取全局唯一的文件管理器
    FileSystemManager.readFile({ //读取文件
      filePath: wx.env.USER_DATA_PATH + "/xxx.json",
      encoding: 'utf8',
      success(res) {
        if (res.data) {
          let obj = JSON.parse(res.data);
        }
      },
      fail(err) {
        console.log('读取失败', err)
      }
    })
}
上一篇下一篇

猜你喜欢

热点阅读