微信小程序开发(6)——从服务器上下载文件并打开

微信小程序下载文件wx.downloadFile接口下载的文件是下载到微信服务器上,返回值是一个临时地址,要长期保存调用wx.saveFile接口将文件保存到本地缓存中,虽然保存到了手机上,但是你并不能通过手机的文档管理去打开。获取文件临时路径或缓存路径后调用wx.openDocument可以打开下载的文件,需要打开的文件格式也有限制,只能打开doc、docx、xls、xlsx、ppt、pptx、pdf。

微信小程序保存文件不能指定文件保存路径。

app.requestData({
      url: 'operationsRecord/excel/get',
      data: {'ids':that.data.selectRecordsId.toString()},
      success:function(res){
        if(res.data.success){
          let fileName = res.data.data.split('\\');
          fileName = fileName[fileName.length-1];
          console.log(fileName);
          // 从自己的服务器上下载文件
          const downloadTask = wx.downloadFile({
            url: app.globalData.fileUrl + 'uploads/file/'+fileName,
            success: function(res){
              console.log(res)
              // 只要服务器有响应数据,就会把响应内容写入文件并进入 success 回调,业务需要自行判断是否下载到了想要的内容
              if (res.statusCode === 200) {
                // 将临时地址转存到本地缓存中
                wx.saveFile({
                  tempFilePath: res.tempFilePath,
                  success: function (res) {
                    console.log(res);
                    var savedFilePath = res.savedFilePath;
                    console.log('文件已下载到' + savedFilePath);
                    // 查看下载的文件列表
                    wx.getSavedFileList({
                      success: function (res){
                        console.log(res);
                      }
                    })
                    // 打开文档
                    wx.openDocument({
                      filePath: savedFilePath,
                      success: function (res) {
                        console.log('打开文档成功')
                      }
                    })
                  }
                })
              }
            },
            fail: function(res){
              console.log(res)
            }
          });// end of downloadTask
          downloadTask.onProgressUpdate((res) => {
              console.log('下载进度', res.progress)
              console.log('已经下载的数据长度', res.totalBytesWritten)
              console.log('预期需要下载的数据总长度',            res.totalBytesExpectedToWrite)
          })
        }
        console.log(res);
      }// end of request.success
})

 

你可能感兴趣的:(小程序)