微搭中实现文件的下载

我们用附件上传组件上传文件后，如何在小程序中下载呢？解决思路是使用微信的下载api，结合在线打开api实现附件的在线预览。

在页面中添加如下的代码

代码语言：javascript复制

export default function({event, data}) {
  try{
wx.cloud.downloadFile({
  fileID: 'cloud://lowcode-4g3rs4de0a58b06e.6c6f-lowcode-4g3rs4de0a58b06e-1305601167/weda-uploader/file-87d05eb1-3f6b-4c44-b96b-f9efee5cd7c3-1月17–21日.xlsx', // 文件 ID
  success: res => {
    // 返回临时文件路径
    console.log(res.tempFilePath)
    let filePath = res.tempFilePath
    wx.openDocument({
      showMenu:true,
      filePath: filePath,

      success: function (res) {

        console.log('打开文档成功')

      }

    })
  },
  fail: console.error
})
}catch(e){
  console.log('错误代码', e.code, '错误信息', e.message);
}
}

这里的fileID来源于数据库

在这里插入图片描述

最终效果

在这里插入图片描述

点击下载按钮，可以在线预览文档

在这里插入图片描述

微搭低代码

0 人点赞