小程序文件下載並保存文件名打開

小程序文件下載並寫入存儲並以非臨時文件名打開

1.接口調整基礎

盼星星，盼月亮，終於盼來了微信小程序SaveFile接口的調整，以前10M限制的時代一去不復返了。

以前超過10M的文件想要打開，只可以通過臨時文件的方式，打開文件前需要判斷文件大小，只有小於10M的文件才可以寫入存儲，以非臨時文件的形式打開。

臨時文件無法由開發者指定文件名稱

2.文件上傳注意事項

1. 文件上傳完成后必須記錄上傳文件的名稱（或者自命名並記錄）。
2. 不可將文件以數據流的形式存儲進入數據表中(分布式文件數據庫可以)。

文件上傳具體部分代碼解析，請參見我的另一篇博客：https://www.cnblogs.com/masterchd/p/12319440.html

文末會附上上傳的實現效果和對應代碼開源地址。

3.文件下載

此部分包含三個功能點

1. 文件寫入系統存儲
2. 文件下載進度監聽
3. 清空文件緩存

此處以下載雲存儲中文件為例（非雲存儲代碼文末附上地址）

文件下載和進度監聽

downFile(e) {
    this.clv(); //清理緩存部分代碼
    var fdetail = e.currentTarget.dataset.detail;
    var iscloud = this.data.cloud;
    var downloadTask = null;//下載進度監聽器
      downloadTask = wx.cloud.downloadFile({
        fileID: fdetail.fileurl,
        success(res) {
          var finfo = wx.getFileInfo({
            filePath: res.tempFilePath,
            success: f => {
              wx.getFileSystemManager().saveFile({
                tempFilePath: res.tempFilePath,
                filePath: `${wx.env.USER_DATA_PATH}` + "/" + fdetail.filename,
              })
              wx.showModal({
                title: '是否打開文件',
                content: '',
                success(ans) {
                  if (ans.confirm) {
                    wx.openDocument({
                      filePath: wx.env.USER_DATA_PATH + "/" + fdetail.filename,
                    })
                  }
                }
              })
            }
          })

        }
      })
      downloadTask.onProgressUpdate((res) => {
        this.setData({
          jindu: res.progress
        })
      })
    

  },

文件緩存清理

clv() {
    wx.getSavedFileList({ // 獲取文件列表
      success(res) {
        res.fileList.forEach((val, key) => { // 遍歷文件列表里的數據
          // 刪除存儲的垃圾數據
          wx.removeSavedFile({
            filePath: val.filePath
          });
        })
      }
    })
  },

改部分代碼可以寫入saveFile的fail回調中，並在該部分代碼成功回調后，再次調用saveFile完成文件寫入。

參考

1.開源項目地址（代碼）：https://gitee.com/Kindear/yamako_procedure

2.微信社區更新公告：https://developers.weixin.qq.com/community/develop/doc/000e64a2010bd8da540bf44085e401