使用pdf.js展示pdf

一、下载pdf.js文件

https://mozilla.github.io/pdf.js/getting_started/

web里边有一个viewer.html文件 此文件为展示pdf的文件

直接打开此文件不能展示 需要本地启动一个服务 可以使用 http-server -c-1 提示错误的 全局安装一下  npm install http-server -g

现在就可以正常展示了

我的项目是在layui里边使用方法 弹框弹出 也可以使用 a标签 链接到viewer.html

web/viewer.html?file=http://localhost:8088/PDFTest/pdf

 var pdfUrl= 'src/js/pdfjs/web/viewer.html?file='+obj.data.pdf_URL;
 // var pdfUrl= 'src/js/pdfjs/web/viewer.html';
 layer.open({
  type: 2,
  content:pdfUrl,
  area:['859px','540px']
 })