新手入门｜Uniapp本地文件存储和访问指南

2023-08-26 00:56:43

轻松掌握 Uniapp 本地文件存储和读取

前言

在 Uniapp 开发中，有时我们需要在设备之间共享或离线使用数据，因此将数据存储到本地文件中至关重要。Uniapp 提供了便捷的文件存储 API，使我们能够轻松实现这一需求。本文将深入探讨 Uniapp 的本地文件存储和读取机制，解决兼容性问题，并提供一些常见问题解答。

数据存储到本地文件

使用 uni.saveFile() 方法

要存储数据到本地文件，我们可以使用 uni.saveFile() 方法。该方法接收两个参数：要存储的文件路径和要存储的数据。

代码示例：

uni.saveFile({
  filePath: 'message.txt',
  data: 'Hello World',
  success: function (res) {
    console.log('文件保存成功');
  },
  fail: function (res) {
    console.log('文件保存失败');
  }
});

文件读取：随时随地访问存储数据

使用 uni.readFile() 方法

当我们需要读取本地文件数据时，可以使用 uni.readFile() 方法。该方法接受一个参数：要读取的文件路径。

代码示例：

uni.readFile({
  filePath: 'message.txt',
  encoding: 'utf-8',
  success: function (res) {
    console.log('文件读取成功：' + res.data);
  },
  fail: function (res) {
    console.log('文件读取失败');
  }
});

安卓系统兼容性问题

高版本安卓系统下的挑战

在高版本的安卓系统中，默认情况下无法访问外部存储空间。这意味着如果我们的应用程序需要存储数据到外部存储空间，则需要请求用户的授权。

请求用户授权

要请求用户的授权，我们可以使用 uni.requestStoragePermission() 方法。该方法接受一个参数：权限说明。

代码示例：

uni.requestStoragePermission({
  success: function (res) {
    if (res.errMsg === 'authorizeStorage:ok') {
      // 用户授权成功
    } else {
      // 用户授权失败
    }
  },
  fail: function (res) {
    console.log('请求用户授权失败');
  }
});