pdf.js的使用方法

打开HBuilderX工具,新建Web项目,并在项目中的pages文件夹,创建静态页面文件

pdf.js的使用方法

打开已创建的页面文件,引入pdf.js相关文件和jquery核心文件

pdf.js的使用方法

在标签中,插入一个div标签,内层再插入一个div,分别设置id属性

pdf.js的使用方法

在script标签中,定义一个函数changeData,传入参数param,进行类型转换

pdf.js的使用方法

再定义一个函数showPdfData,传入参数data,动态生成pdf容器

pdf.js的使用方法

在jquery初始化函数中,使用ajax()方法,并在成功返回后调用showPdfData

pdf.js的使用方法

总结

1、新建页面文件2、引入相关文件3、插入标签元素4、定义文档方法5、保存预览效果

pdf.js的使用方法

END