微信小程序 文件预览

微信小程序点击按钮 在线预览文件

通过 wx.downloadFile下载获得本地临时路径,再通过wx.openDocument打开就行了.

下载获取本地临时路径的过程需要一些时间,

所以加了个加载中的动画,无论成功还是失败都结束一下就行了,

也可以加个失败原因的提示,这个没加.

  open() {
    wx.showLoading({
      title: '加载中',
    })

    let fileUrl = '后台传过来的文件路径'

    wx.downloadFile({
      url: fileUrl,
      success: function (res) {
        const filePath = res.tempFilePath //得到本地临时路径

        wx.openDocument({
          filePath: filePath, //传入本利临时路径
          showMenu: true,
          fileType: 'pdf', //指定文件类型(非必填!!!)
          success: function (res) {
            wx.hideLoading()
            //成功
          },
          fail: function (err) {
            wx.hideLoading()
            console.log("失败:", err)
          },
        })

      }
    })
  },