uniapp 如何实现保存文件到本地和文件读取

在 uniapp 中，可以使用 uni.saveFile 和 uni.getSavedFileList 两个 API 来实现文件的保存和读取。

文件保存

uni.saveFile 方法可以将文件保存到本地，它的参数包括：

tempFilePath：需要保存的文件的临时路径
success：保存成功后的回调函数，回调参数中包含了保存后的文件路径，可以用来后续的文件读取操作
fail：保存失败的回调函数

示例代码：

uni.saveFile({
  tempFilePath: '/path/to/temp/file',
  success: function(res) {
    console.log('save file success:', res.savedFilePath)
  },
  fail: function(err) {
    console.log('save file failed:', err)
  }
})

文件读取

uni.getSavedFileList 方法可以获取本地已保存的文件列表，它的参数包括：

success：获取成功后的回调函数，回调参数中包含了文件列表
fail：获取失败的回调函数

示例代码：

uni.getSavedFileList({
  success: function(res) {
    console.log('saved file list:', res.fileList)
  },
  fail: function(err) {
    console.log('get saved file list failed:', err)
  }
})

除了获取文件列表，还可以使用 uni.getSavedFileInfo 方法获取指定文件的信息，它的参数包括：

filePath：需要获取信息的文件路径
success：获取成功后的回调函数，回调参数中包含了文件信息
fail：获取失败的回调函数

示例代码：

uni.getSavedFileInfo({
  filePath: '/path/to/saved/file',
  success: function(res) {
    console.log('saved file info:', res)
  },
  fail: function(err) {
    console.log('get saved file info failed:', err)
  }
})

另外，使用 uni.readFile 方法可以读取本地文件的内容，它的参数包括：

filePath：需要读取的文件路径
encoding：读取文件的编码格式，默认为 utf8
success：读取成功后的回调函数，回调参数中包含了文件内容
fail：读取失败的回调函数

示例代码：

uni.readFile({
  filePath: '/path/to/saved/file',
  encoding: 'utf8',
  success: function(res) {
    console.log('read file success:', res.data)
  },
  fail: function(err) {
    console.log('read file failed:', err)
  }
})