pdfH5实现pdf预览功能

1.引入

npm install pdfh5

2.使用


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预览插件

你可能感兴趣的:(pdf,前端,vue.js)