使用pdf.js预览pdf文件（BASE64格式）前端

一、下载 pdf.js 官方文档

二、解压后放到项目 public文件夹中，命名为pdfjs

目录结构：

三、修改pdfjs/web/viewer.html中代码

1、在 pdfjs/web/viewer.html 中，将

替换为

2、在 pdfjs/web/viewer.html 中添加下面代码

四、将读取pdf文件的固定路径修改为传入的变量

打开viewer.js，搜索defaultUrl替换为变量

五、在config文件中 添加 window._imgUrl = ‘’ 接收base64

六、通过window对象使用

async lotPrint() {
window._imgUrl = 'data:application/pdf;base64,' + res.printHtml
},


七、通过sessionStorage使用

async Print() {
sessionStorage.setItem('_imgUrl', 'data:application/pdf;base64,' + res.printHtml)
},


注意：后台获取的base64字符，需要拼接一下前缀
var printHtml = ‘data:application/pdf;base64,’ （ 这是需要展示的base64字符串）

参考文章：
https://blog.csdn.net/qq_43058760/article/details/108680907