在 Web 应用程序中，PDF 文件是一个常见的文件格式，而 Deno 作为一个现代的运行时环境，提供了访问计算机的能力，可以处理各种类型的文件。本文将介绍如何在 Deno 中处理并显示 PDF 文件。
显示 PDF 文件
Deno 官方提供了一个 serveStatic 函数，它可以很方便地为静态资源提供服务。通过在命令行中使用 deno run 命令和 serve-static 模块，我们可以很容易地配置并启动一个静态资源服务器。以下是实现的代码：
import { serveStatic } from 'https://deno.land/std/http/static.ts';
const server = serveStatic('./public');
for await (const req of server) {
req.respond();
}在这里，serveStatic 函数的第一个参数指定了我们想要提供服务的目录。它会返回一个 HttpServer 的实例，我们可以使用它将静态资源路由到浏览器中。
接下来，我们需要安装一个叫做 pdf.js 的 JavaScript 库，在浏览器中使用它来加载和渲染 PDF 文件。pdf.js 库允许我们在浏览器中加载 PDF 文件，并将其呈现为一个 HTML 元素。这个元素内部包含了 PDF 文档的所有内容和控制。以下是实现的代码：
-- -------------------- ---- -------
--------- -----
------
------
---------- --------------
-------
----- ---- -
------- --
-------- --
------ -----
------- -----
-
---------- -
------ -----
------- -----
-
--------
-------
------
---- ---------------------
------- -------------------------------------------------------------
--------
----- --- - ----------------------------
----- -------- - -------------------------------
-------------------------------------- - -------------------------------------------------------
----- --------- - -------------------------------------
------------------------------------------ -- -
------------------------ -- -
----- -------- - ------------------ ------ --- ---
----- ------ - ---------------------------------
------------------------------
------------ - ---------------
------------- - ----------------
----- --- - ------------------------
----- ------------- - -
-------------- ----
--------- --------
--
---------------------------
---
---
---------
-------
-------在这里，我们在浏览器中创建了一个 HTML 页面，其中包含一个名为 pdfViewer 的容器元素。我们使用 JavaScript 脚本加载了 PDF 文件，并使用 pdf.js 库中的函数呈现了 PDF 内容。最终，这个 HTML 页面会显示 PDF 文件内部的所有内容。
总结
使用 Deno 能够方便地处理各种类型的文件，其中包括 PDF 文件。我们可以使用 serveStatic 函数将静态资源路由到浏览器中，并使用 pdf.js 库在浏览器中对 PDF 文件进行加载和渲染。希望这篇文章能够对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/647074af968c7c53b0e94ef3