微信小程序预览pdf功能实现

Posted 2021-12-05 早起的年轻人

原理就是将pdf下载下来然后调用微信浏览器来实现打开功能

  showPdf: function (otption) {
    var url = otption.currentTarget.dataset.index.keyValue;
    //打开pdf文件
    wx.showLoading({
      title: '加载中...',
    })
    wx.downloadFile({
      url: url,
      success: function (res) {
        console.log('downloadFile', res);
        const filePath = res.tempFilePath
        wx.openDocument({
          filePath: filePath,
          success: function (res) {
            console.log(res);
            console.log('打开文档成功')
            wx.hideLoading()
          },
          fail: function (res) {
            console.log('打开失败')
          },
        })
      }
    })
  },

当然你可能是在页面中进行的跳转

 <view  data-index="{{item}}" bindtap="showPdf">点击查看协议</view>

当然这里的 item 就是我对应的数据模型。