前端实现:base64格式的PDF预览

这两天接到个需求,需要将接口返回的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大家可以自行百度查看,非常简单。需要有一个
的标签。

贴上我的代码供大家参考:
前端实现:base64格式的PDF预览_第1张图片

遇到的两个坑

1:预览的pdf中文不显示;
不显示中文的代码:
pdfjsLib.getDocument({ data: pdfData })

这是由于存在pdf不支持的字体格式,需要引入pdf.js字体库。

https://unpkg.com/[email protected]/cmaps

你可能感兴趣的:(html5,java)