前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >微搭中实现文件的下载

微搭中实现文件的下载

原创
作者头像
韩锴
发布于 2022-02-07 14:53:05
发布于 2022-02-07 14:53:05
1.2K00
代码可运行
举报
运行总次数:0
代码可运行

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

在页面中添加如下的代码

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
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来源于数据库

在这里插入图片描述
在这里插入图片描述

最终效果

在这里插入图片描述
在这里插入图片描述

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

在这里插入图片描述
在这里插入图片描述

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验