wx.saveFile把文件保存在本地，关闭微信小程序后再次启动也依然可以获取到该文件
本地文件存储的大小限制为10MB

wx.saveFile的参数说明

image.png

  1. index.wxml
  2. <view>
  3.     <button bindtap='saveFile'>保存文件</button>
  4.     <button bindtap='openFile'>打开文件</button>
  5.     <image src="{{filePath}}" mode='aspectFit'></image>
  6. </view>
  1. index.js
  2. Page({
  3.   data: {
  4.     filePath:""
  5.   },
  6.   onLoad: function(){
  7.     let filePath = wx.getStorageSync("filepath") || ""
  8.     this.setData({
  9.       filePath
  10.     })
  11.   },
  12.   saveFile: function(){
  13.     wx.chooseImage({
  14.       success(res) {
  15.         const tempFilePaths = res.tempFilePaths
  16.         wx.saveFile({
  17.           tempFilePath: tempFilePaths[0],
  18.           success(res) {
  19.             const savedFilePath = res.savedFilePath
  20.             wx.setStorageSync("filepath", savedFilePath)
  21.           }
  22.         })
  23.       }
  24.     })
  25.   }
  26. })

使用wx.chooseImage获取到一张图片
把文件的临时路径tempFilePaths传入wx.saveFile
调用wx.saveFile保存文件
得到文件的保存路径savedFilePath
再把savedFilePath使用本地存储wx.setStorageSync保存在本地

这样，微信小程序重新启动时，在onLoad生命周期函数内获取到保存的文件路径，通过数据绑定显示在页面上