微信小程序之文件预览

最新推荐文章于 2025-04-22 18:49:00 发布

wh_week8

最新推荐文章于 2025-04-22 18:49:00 发布

阅读量1.2k

点赞数

分类专栏：微信小程序文章标签：小程序小程序文件预览微信小程序文件预览微信小程序

本文链接：https://blog.youkuaiyun.com/u014505277/article/details/110644225

版权

本文介绍了如何在微信小程序中利用官方API进行文件预览。通过wx.downloadFile下载文件，再使用wx.openDocument打开文件，实现小程序内的文件预览功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

    let self = this
    wx.downloadFile({
      url: 'https://myqcloud.com/itpmp/itpmp.pdf', //要预览的PDF的地址
      // filePath: `${wx.env.USER_DATA_PATH}`,
      header: {
        // HTTP 请求的 Header，Header 中不能设置 Referer
        keyid: "0f1f8ff9-e2d7-4513-8312-16989d9e80b9"
      },
      success: function (res) {
        console.log(res);
        if (res.statusCode === 200) { //成功
          var Path = res.tempFilePath//返回的文件临时地址，用于后面打开本地预览所用
          wx.openDocument({
            filePath: Path, //要打开的文件路径
            showMenu: true, // 是否显示右上角菜单
            success: function (res1) {
              console.log("打开成功");
              self.setData({
                msg: "open 成功"
              })
            },
            fail: function (res1) {
              self.setData({
                error: "open error"
              })
              console.log(res1); //失败

最低0.47元/天解锁文章