PDF.js 是一个用于在中显示 PDF 文档的开源 JavaScript 库，它由 Mozilla 开发，完全免费且开源。PDF.js 可以将 PDF 文件解析后生成一张.png 图片，利用 canvas 元素显示在页面上，不过这种方法呈现的 PDF 可能会模糊，目前没有找到有效解决办法。
使用步骤
1. 下载 PDF.js 插件：
2. 将 PDF.js 文件夹放到项目服务器根目录下：
3. 使用 PDF.js 显示 PDF 文件：
4. 在项目中使用：
javascript
const url = 'your_pdf_file.pdf';
const pdfDoc = null;
pdfjsLib.getDocument(url).promise.then(doc => {
pdfDoc = doc;
});
const pageNumber = 1;
pdfDoc.getPage(pageNumber).then(page => {
const scale = 1.5;
const viewport = page.getViewport({ scale: scale });
const canvas = document.createElement('canvas');
const context = canvas.getContext('2d');
canvas.height = viewport.height;
canvas.width = viewport.width;
document.getElementById('pdf-container').appendChild(canvas);
const renderContext = { canvasContext: context, viewport: viewport };
page.render(renderContext);
});
下载方法
1. 通过 npm 安装：
2. 手动下载：
用户使用反馈
1. 优点：
2. 缺点及解决方法：
禁用打开、打印、下载功能的方法不够彻底，懂代码的人可以去掉样式从而下载。可以通过编辑 viewer.html 和 viewer.js 文件来注释相关代码行来实现，但这种方法也并非绝对安全。