关于微信小程序保存文件的最佳解决方案

最近在写小程序>微信小程序的时候，涉及了用户下载文件到本地的需求。去看了下文档，首先要先通过wx.donwloadFile，将文件下载到本地。
在这里插入图片描述
然后我记得有一个saveFile的API，可以进行文件的保存，看了下文档，看到这个API已经停止维护了。

在这里插入图片描述
推荐使用的是FileSystemManager.saveFile，而这个FileSystemManager是通过wx.getFileSystemManager获取。

经过一些列的操作之后，终于可以使用FileSystemManager的saveFile方法了。

javascript"> downloadFile(e) {
    const { item: { printImg } } = e.currentTarget.dataset;
    wx.showLoading({
      title: '下载中',
    })
    wx.cloud.downloadFile({
      fileID: printImg, // 文件 ID
      success: res => {
        // 返回临时文件路径
        console.log(res.tempFilePath);
        const fileManager = wx.getFileSystemManager();
        fileManager.saveFile({
          tempFilePath: res.tempFilePath,
          success: (res) => {
            console.log(res, '下载成功');
            wx.hideLoading();
          }
        })
      },
    })
  },

然后，重要是FileSystemManager.saveFile在成功执行之后的返回值，会有一个saveFilePath，也就是这个文件被保存到了哪儿。

在这里插入图片描述
但是，单纯看这个路径，是不容易找到这个文件。
微信的解释是，想维护一个属于小程序自己的域，不想共享到外部，所以，这个文件地址是一个相对隐式的地址，不容易被直接找到。

我查阅了很多的资料，找到了一个目前我认为最优的解决方案。

既然，给咱们返回的这个保存地址不容易被找到，那就让机器去找，小程序>微信小程序有一个API可以打开文档，是openDocument，重点是它有一个showMenu的属性，也就是预览文档的时候，右上角会出现一个三个点...，点击之后有保存等操作。这个保存是显式的保存，可以被直接找到。

javascript">  downloadFile(e) {
    const { item: { printImg } } = e.currentTarget.dataset;
    wx.showLoading({
      title: '下载中',
    })
    wx.cloud.downloadFile({
      fileID: printImg, // 文件 ID
      success: res => {
        // 返回临时文件路径
        console.log(res.tempFilePath);
        const fileManager = wx.getFileSystemManager();
        fileManager.saveFile({
          tempFilePath: res.tempFilePath,
          success: (res) => {
            console.log(res, '下载成功');
            wx.hideLoading();
            wx.openDocument({
              filePath: res.savedFilePath,
              showMenu: true,
            })
          }
        })
      },
    })
  },