在现代 Web 应用程序中，文件上传功能是不可或缺的一部分。Deno 是一个现代的、安全的 JavaScript 和 TypeScript 运行时环境，也可以用于构建 Web 应用程序。在本文中，我将向您介绍如何使用 Deno 实现文件上传功能。
准备工作
在开始编写代码之前，您需要安装 Deno 运行时环境。您可以从官方网站下载安装程序，也可以使用包管理器进行安装。此外，您需要一个 HTTP 服务器，以便能够处理文件上传请求。在本示例中，我们将使用 Oak，它是一个基于中间件的 HTTP 服务器框架。
编写服务端代码
------ - ------------ ------ - ---- ---------------------------------
----- --- - --- --------------
----- ------ - --- ---------
---------------------- ----- ----- -- -
----- -------- - ----- ------------------
----- -------
---------- -----
---
----- ---- - ---------------------
-- ------- -
-------------- ----- --- --------
-
----- ------ - ----- ---------------------
-- ----
---------------
----------------- - ----- -------- --------------
---
-------------------------
---------------------------------
----- ------------ ----- ---- ---在上面的代码中，我们使用了 Oak 提供的 Router 类来定义路由。我们定义了一个 POST 路由 /upload 来处理文件上传请求。在处理请求时，我们首先使用 request.body() 方法解析请求正文。由于我们处理的是 multipart/form-data 类型的请求，所以将 type 参数设置为 "form"，将 multipart 参数设置为 true。然后，我们检查请求正文中是否有名为 file 的文件字段。如果没有找到，则返回一个 400 响应。否则，我们通过 Deno.open() 方法打开文件，并对其进行处理。最后，我们向客户端发送一个成功响应。
编写客户端代码
在客户端，我们需要编写一个 HTML 表单来实现文件上传功能。我们可以在表单中添加一个文件选择字段，将文件上传至服务器。以下是客户端代码示例：
--------- -----
------
------
----- --------------- --
----------- ------ ---------------
-------
------
-------- ------ ------------
----- ------------------------------------- ------------- ------------------------------
------ ----------- ----------- --
------- -----------------------------
-------
-------
-------在上面的代码中，我们定义了一个 HTML 表单，将文件上传至服务器的 /upload 路由。由于我们使用的是 multipart/form-data 类型的请求，所以将 enctype 属性设置为 "multipart/form-data"。然后，我们添加一个文件选择字段，并添加一个提交按钮。
运行代码
在将服务端代码保存到名为 server.ts 的文件中后，通过运行以下命令启动服务器：
---- --- ----------- ------------ ---------
在将客户端代码保存到名为 index.html 的文件中后，通过运行以下命令启动客户端：
---- --- ----------- ------------ ------------- ---------- -----------------------------------------
通过访问 http://localhost:8000，您的文件上传功能就已经准备好了。
总结
在本文中，我们向您介绍了如何使用 Deno 和 Oak 实现文件上传功能。在服务端，我们使用了 Oak 提供的路由功能来处理文件上传请求，并使用 Deno.open() 方法对上传的文件进行处理。在客户端，我们编写了一个 HTML 表单来上传文件。希望这篇文章对您有所帮助，可以让您更好地使用 Deno 来构建 Web 应用程序。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/648e657a48841e9894cc0679