公众号添加附件教程：实现上传Word、Excel、Pdf、PPT文档下载

原创

天码行空

修改于 2025-09-15 13:19:50

29500

代码可运行

文章被收录于专栏：前端框架前端框架

运行总次数：0

代码可运行

运营公众号时，难免需要在公众号里添加一些文档给公众号粉丝下载，比如课件PPT、申请表Word文档、岗位需求Excel表、大赛入围/获奖名单等。公众号本身是不支持直接上传文件的，但我们可以通过附件小程序“间接”上传文件。

如果能够像上面那样把文件插入到公众号文章，不仅能够优化文章的排版，节省编辑的时间，而且会极大地方便粉丝下载，尤其对于像打印承诺书、报名表等情况。那么，如何在微信公众号中上传附件呢？

三步上传附件方法

步骤一

打开公众号附件助手(viewdoc.cn)，点击上传文件按钮，选择需要插入到公众号文章的文件上传，支持Word、Excel、PPT、Pdf、zip等多种类型

步骤二

上传成功后，点击列表中直达路径的复制按钮，获取直达路径；（这里的直达路径我们可以理解为类似于网页的超链接）

步骤三

复制直达路径后，我们需要把它粘贴到公众号文章中。

如果文章发布出去后，文章中的文件需要更改怎么办？

对于这种情况，也是有解决办法的，附文件官网上除了提供上传文件功能外，也提供了替换功能。找到原文件的记录，点击“替换”按钮，重新上传新的文件即可。不过要注意一个文件只能替换一次。

最终效果

代码实现原理和方法：

1.小程序授权登陆网站平台上传附件文档

2.小程序端获取文档下载地

保存文件方法：

wx.saveFileToDisk({
      filePath: `${wx.env.USER_DATA_PATH}/${this.data.fileName}`,
      success(res) {
        console.log(res)
        wx.showToast({
            title: '保存文件成功',
            icon: 'success',
            duration: 2000
        });
      },
      fail(res) {
        console.error(res)
      }
    })

文档预览

wx.openDocument({
        filePath: filePath,
        fileType: this.data.suffix,  // 指定文件类型
        showMenu: true, 
        success: () => {
            wx.showToast({
            title: '文件打开成功',
            icon: 'success',
            duration: 2000
            });
        },
        fail: (err) => {
            console.log('打开文件失败:', err);
            wx.showToast({
            title: '文件打开失败',
            icon: 'error',
            duration: 2000
            });
        }
    });

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

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

微信公众号

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

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

微信公众号

登录后参与评论

0 条评论

热度

公众号添加附件教程：实现上传Word、Excel、Pdf、PPT文档下载