App使用pdf.js实现pdf预览

最新推荐文章于 2025-09-19 17:28:58 发布

原创

最新推荐文章于 2025-09-19 17:28:58 发布 · 864 阅读

0 ·

CC 4.0 BY-SA版权

本文详细介绍如何使用PDF.js库将PDF文档转换为Web上可显示的内容。通过下载核心文件和设置字体解析，用户可以轻松地在网页中加载并渲染PDF页面。

第一步：下载pdf.js

下载地址：https://www.jsdelivr.com/package/npm/pdfjs-dist

打开后找到pdf.js、pdf.work.js以及cmaps路径下的全部文件，下载到本地或者直接引用其地址

实例代码

//HTML
<canvas id="the-canvas"></canvas>

//JS引用
<script type="text/javascript" src="../../script/pdf.js"></script>

//JS使用pdf.JS代码
    var url = 'test.pdf'; 
    PDFJS.cMapUrl = 'https://cdn.jsdelivr.net/npm/pdfjs-dist@2.2.228/cmaps/';//字体解析
    PDFJS.cMapPacked = true;
    //加载核心文件 
    PDFJS.workerSrc = '../../script/pdf.worker.js';//或者https://cdn.jsdelivr.net/npm/pdfjs-dist@2.3.200/build/pdf.worker.js