废话不多说,直接进入主题。
一、首先下载整个pdf.js,下载地址:https://mozilla.github.io/pdf.js/
下载后解压,并复制到项目静态文件下,如图(我把文件夹名称更改为“pdfjs”):
WX20190103-183131@2x.png
二、请求后台数据,获取后台base64字段,并且保存到本地,然后跳转到刚刚添加的pdf.js项目里的viewer.html
WX20190103-184202@2x.png
三、打开pdfjs/web下的viewer.html文件,添加以下代码:
var DEFAULT_URL = "";
var pdfUrl = document.location.search.substring(1);
if(null == pdfUrl || "" == pdfUrl){
var BASE64_MARKER = ';base64,';//声明文件流编码格式
var preFileId = "";
var pdfAsDataUri = sessionStorage.getItem("_imgUrl");//这里就是pdf文件的