1.引入
npm install pdfh52.使用
<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文件路径和项目路径统一域名，否则会报跨域，也可以后端接口配置一下请求头（这种情况下需要考虑安全问题）文章来源：https://www.toymoban.com/news/detail-741983.html
参考文章：GitHub - gjTool/pdfh5: web/h5/移动端PDF预览插件文章来源地址https://www.toymoban.com/news/detail-741983.html
到了这里，关于pdfH5实现pdf预览功能的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
