本插件基于pdf.js和jquery
需要引入指定的js文件
1、pdf.js
2、pdf.worker.js
3、pdfh5.js
4、pdfh5.css
建议先引入jquery文件再引入上述文件
然后进行实例化
实例化代码示例
new Pdfh5(selector,options)
selector设置为放置pdf的容器,即可用dom选择器
options中设置pdf路径,如果不设置这个路径,则会默认那地址栏的?file=后面的pdf路径
示例代码
pdfurl可以设置为http访问地址
如若不设置pdf访问路径,取默认的地址栏地址 参数,在后台将file的参数进行base64转码后解码使用
注:不要同时设置options里面的pdf访问路径和浏览器的地址栏file参数,或者使用非file参数名进行地址接收
这个插件原作者github链接GitHub - gjTool/pdfh5: web/h5/移动端PDF预览插件 原作者会定期在上面修改解决问题,时刻关注进行本地资源更新
PDF文件流处理
html
js
PDF添加水印(请使用新版本的pdfh5,这里以V1.3.11为例)
V1.3.11版本的插件支持添加水印功能,但是只支持单张的图片,不能重复的铺满整个页面,所以做了源码的修改。(已向作者提issues,不知道作者会不会优化)
找到pdfh5.js,修改成以下代码:
使用