pdfH5实现pdf预览功能

1.引入

npm install pdfh5

2.使用

<view id="pdfBox" class=""></view>
showPdf(url) {
    this.pdfh5 = new Pdfh5("", {
        URIenable: false,
        zoomEnanle: true,
        maxZoom: 2,
        pdfurl: url
    })
    this.pdfh5.on("complete", function(status, msg, time) {
        console.log("状态：" + status + "，信息：" + msg + "，耗时：" + time +"毫秒，总页数：" + this.totalNum)
    })
}

踩坑指南：建议pdf文件路径和项目路径统一域名，否则会报跨域，也可以后端接口配置一下请求头（这种情况下需要考虑安全问题）

参考文章：GitHub - gjTool/pdfh5: web/h5/移动端PDF预览插件