这两天接到个需求,需要将接口返回的base64编码转成PDF文档在浏览器中实现预览。要求转换操作放在前端处理。在此之前没做过,于是乎开始百度,发现大部分推荐的就是pdf.js。
pdf.js 入门使用指南
一:下载和安装
1:进入官网下载地址:
http://mozilla.github.io/pdf.js/getting_started/#download
2:下载好解压后复制bulid目录下的pdf.js和pdf.woker.js到自己的项目中即可。
3:关于测试demo大家可以自行百度查看,非常简单。需要有一个
的标签。
贴上我的代码供大家参考:
遇到的两个坑
1:预览的pdf中文不显示;
不显示中文的代码:
pdfjsLib.getDocument({ data: pdfData })
这是由于存在pdf不支持的字体格式,需要引入pdf.js字体库。
https://unpkg.com/pdfjs-dist@2.0.489/cmaps/
引入后放在对应文件夹下修改代码如下,pdf完美展现;
var CMAP_URL = ‘cmaps/’
pdfjsLib.getDocument(