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

壹元二九

于 2021-07-07 15:58:58 发布

阅读量4.3k

点赞数 4

文章标签： javascript

本文链接：https://blog.youkuaiyun.com/weixin_41668951/article/details/118547632

版权

本文介绍了如何使用pdf.js库在前端预览BASE64格式的PDF文件。首先下载并放置pdf.js到项目public文件夹，然后修改viewer.html代码，将默认URL替换为变量。接着在viewer.js中处理动态路径，并在config文件中设置window._imgUrl接收base64。最后，可以通过window对象或sessionStorage来使用这个base64字符串，注意需要拼接前缀。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、下载 pdf.js 官方文档
在这里插入图片描述

二、解压后放到项目 public文件夹中，命名为pdfjs
在这里插入图片描述
目录结构：

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

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

<script type="text/javascript" language="javascript">
      var TITLE = window.fileName || localStorage.getItem("fileName");
</script>

替换为

<script type="text/javascript" language="javascript">
      var TITLE = window.top.fileName || localStorage.getItem

最低0.47元/天解锁文章