基于 Mozilla 的 PDF.js 预览 PDF 文档

小渣渣

需求：前端 PDF 文档渲染预览，浏览器本身是直接可以预览 PDF 文件的，本文基于 Mozilla 的 PDF.js 预览 PDF 文档。

回顾：

HTML 使用 iframe 预览 base64 编码的 PDF 文件
https://www.itsvse.com/thread-10759-1-1.html

PDF.js 由社区驱动，并由 Mozilla 提供支持。我们的目标是创建一个基于 Web 标准的通用 PDF 解析和渲染平台。

官网：超链接登录可见。
源码：超链接登录可见。
示例：超链接登录可见。

首先，下载压缩包，地址：超链接登录可见。

解压后，分析 \web\viewer.mjs 代码，可以通过 file 参数来传递 pdf 路径，如下图：



修改 validateFileURL 方法，直接 return 出去。

使用 live-server 来启动一个 http 服务，地址：http://127.0.0.1:8181/web/viewer.html?file=https://cdn.filestackcontent.com/wcrjf9qPTCKXV3hMXDwK 如下图：



集成到项目中，js 代码如下：

登录可见。

（完）

小渣渣

部署到 nginx 会遇到的问题

Failed to load module script: Expected a JavaScript module script
https://www.itsvse.com/thread-10990-1-1.html

小渣渣

ASP.NET Core 对于静态目录未知的扩展名处理方式

登录可见。