下载文件

从对象存储空间下载文件到小程序本地

本文档适用于微信小程序中使用，如果你不是微信小程序，请移步适合的文档

• 公众号 H5
• 服务端和其他客户端

请求参数

config 对象定义

success 返回参数

fail 返回参数

返回值

如果请求参数中带有 success/fail/complete 回调中的任一个，则会返回一个 downloadTask 对象，通过 downloadTask 对象可监听上传进度变化事件，以及取消上传任务。

使用示例

1. Callback 风格

wx.cloud.downloadFile({
  fileID: 'cloud://test.png', // 对象存储文件ID，从上传文件接口或者控制台获取
  success: res => {
    console.log(res.tempFilePath)
  },
  fail: err => {
    console.error(err)
  }
})

2. Promise 风格

wx.cloud.downloadFile({
  fileID: 'cloud://test.png', // 对象存储文件ID，从上传文件接口或者控制台获取
}).then(res => {
  console.log(res.tempFilePath)
}).catch(error => {
  console.error(err)
})

3. 完整示例

在小程序的任何一个页面 js 替换如下代码，cloud://test.png 替换成自己存在的文件 cloudID

将在页面载入时，会自动启动下载任务

封装的下载函数中 onCall 方法参数，可以接收到文件下载进度的回调，可以随时返回 false 中断下载任务，返回其他或者不返回则正常下载直到结束。

下载后，调用 wx.saveFile 保存文件到本机

Page({
  async onLoad() {
    const result = await this.downloadFile('cloud://test.png',function(res){
      console.log(`下载进度：${res.progress}%，已下载${res.totalBytesWritten}B，共${res.totalBytesExpectedToWrite}B`)
      // if(res.progress > 50){ // 测试文件下载一半就终止下载
      //   return false
      // }
    })
    wx.saveFile({
      tempFilePath: result.tempFilePath
    }).then(console.log)
  },
  /**
   * 下载微信云托管对象存储到本地
   * @param {*} fileID 对象存储文件ID
   * @param {*} onCall 上传回调，文件上传过程监听，返回false时会中断上传
   */
  downloadFile(fileID, onCall = () => {}) {
    return new Promise((resolve, reject) => {
      const task = wx.cloud.downloadFile({
        fileID,
        success: res => resolve(res),
        fail: e => {
          const info = e.toString()
          if (info.indexOf('abort') != -1) {
            reject(new Error('【文件下载失败】中断下载'))
          } else {
            reject(new Error('【文件下载失败】网络或其他错误'))
          }
        }
      })
      task.onProgressUpdate((res) => {
        if (onCall(res) == false) {
          task.abort()
        }
      })
    })
  }
})

资源复用

如果是资源复用，需要先进行初始化，初始化过程是异步，需要在业务中加以处理

在小程序 app.js 中粘贴如下代码，记得修改相关的信息，封装 downloadFile 可以参考上面例子，唯一不同点就是 wx.cloud 替换，其他基本一致

App({
  logger:require('./log.js'),
  async onLaunch() {
    const c1 = new wx.cloud.Cloud({
      resourceAppid: 'wx886699112233', // 环境所属的账号appid
      resourceEnv: 'prod-weruntest', // 微信云托管的环境ID
    })
    await c1.init()
    this.cloud = c1 // 在页面js中，可以使用getApp().cloud
    this.cloud.downloadFile({
      fileID: 'cloud://test.png', // 对象存储文件ID，从上传文件接口或者控制台获取
      success: res => {
        console.log(res.tempFilePath)
      },
      fail: err => {
        console.error(err)
      }
    })
  }
})