微信小程序下载预览PDF并且分享出去

      wx.downloadFile({
        url: url,      //要预览的PDF的地址
        // filePath: `${wx.env.USER_DATA_PATH}/${docName}.pdf`, // 添加后缀，可以分享出去
        success: function (res) {                           
          console.log(res);
          if (res.statusCode === 200) { //成功
            const { filePath, tempFilePath } = res;  // 下载使用filePath 的时候，预览打开文件路劲也要使用filePath
            // var Path = res.tempFilePath //返回的文件临时地址，用于后面打开本地预览所用
            wx.openDocument({
              filePath: tempFilePath, //要打开的文件路径
              showMenu: true,
              fileType: "pdf",  // 打开文件的方式
              success: function (res) {
                console.log('打开PDF成功');
              }
            })
          }
        },
        fail: function (res) {
          console.log(res); //失败
        }
      })```

首先使用 wx.downloadFile 下载。 上段代码是预览，点击右上角分享出去的文件是没有带后缀的，分享的文件用户是打不开的。



要做到分享打开，使用filePath 就可以 。 docName 是文件名称，看自己取。 亲测最新ios 和安卓手机都可以正常分享和打开。

  wx.downloadFile({
    url: url,      //要预览的PDF的地址
    filePath: `${wx.env.USER_DATA_PATH}/${docName}.pdf`, // 添加后缀，可以分享出去
    success: function (res) {                           
      console.log(res);
      if (res.statusCode === 200) { //成功
        const { filePath, tempFilePath } = res;  // 下载使用filePath 的时候，预览打开文件路劲也要使用filePath
        // var Path = res.tempFilePath //返回的文件临时地址，用于后面打开本地预览所用
        wx.openDocument({
          filePath: filePath, //要打开的文件路径
          showMenu: true,
          fileType: "pdf",  // 打开文件的方式
          success: function (res) {
            console.log('打开PDF成功');
          }
        })
      }
    },
    fail: function (res) {
      console.log(res); //失败
    }
  })