微信小程序pdf文件的三种展示方式


1、pdfjs第三方

  内嵌web view

<web-view src="https://byfile.disscode.cn/pdfjs-2.8/web/viewer.html?file={{url}}"></web-view>

2、微信小程序自带方式

  通过wx.downloadFile下载pdf文件,再通过wx.openDocument展示。

toViewWx: function (e) {
    wx.downloadFile({
        url: e.currentTarget.dataset.url,//可以是后台传过来的路径
        success: function(res) {
            const filePath = res.tempFilePath
            wx.openDocument({
                filePath: filePath,
                success: function(res) {
                    //成功
                }
            })
        }
    })
  },

3、markdown第三方

  同样是内嵌web view

<web-view src="https://byfile.disscode.cn/marked/marked.html?file={{url}}"></web-view>

第三种方式与第一种方式雷同。都可以使用。


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2024 CODEPRJ.COM