在 Deno 应用中实现文件上传

前言

Deno 是一个新兴的 JavaScript 运行时环境，它的出现让前端开发者可以使用 JavaScript 来编写后端应用程序。在 Deno 应用程序中，文件上传是非常常见的需求。本文将详细介绍如何在 Deno 应用程序中实现文件上传功能，并提供示例代码。

实现过程

安装依赖

在 Deno 应用程序中实现文件上传，我们需要使用到以下两个依赖：

1. std/multipart: 用于解析上传的文件。
2. std/fs: 用于将上传的文件保存到本地文件系统。

我们可以通过以下命令来安装这两个依赖：

deno install --allow-read --allow-write --allow-net https://deno.land/std@0.95.0/multipart/formdata.ts

deno install --allow-read --allow-write --allow-net https://deno.land/std/fs/mod.ts

实现上传接口

在 Deno 应用程序中，我们可以使用 http 模块来创建一个 HTTP 服务器，并监听指定的端口。在这个 HTTP 服务器中，我们可以实现一个文件上传的接口。以下是一个示例代码：

import { serve } from "https://deno.land/std/http/server.ts";
import { MultipartReader } from "https://deno.land/std/multipart/mod.ts";
import { writeFile } from "https://deno.land/std/fs/mod.ts";

const server = serve({ port: 8000 });

console.log("Server is running on port 8000");

for await (const req of server) {
  if (req.method === "POST") {
    const contentType = req.headers.get("content-type");
    if (contentType && contentType.includes("multipart/form-data")) {
      const mr = new MultipartReader(req.body);
      const form = await mr.readForm();
      const file = form.files?.get("file");

      if (file) {
        const filePath = `./uploads/${file.filename}`;
        await writeFile(filePath, file.content);
        req.respond({ body: "File uploaded successfully" });
      } else {
        req.respond({ body: "No file uploaded" });
      }
    } else {
      req.respond({ body: "Invalid content type" });
    }
  } else {
    req.respond({ body: "Invalid method" });
  }
}

在上面的代码中，我们首先创建了一个 HTTP 服务器，并监听了 8000 端口。当有请求到达时，我们首先判断请求的方法是否为 POST，然后判断请求的 content-type 是否为 multipart/form-data。如果是，我们就可以使用 MultipartReader 来解析上传的文件，并将其保存到本地文件系统中。

测试上传接口

我们可以使用 curl 命令来测试上传接口。以下是一个示例代码：

curl -X POST -F "file=@/path/to/file" http://localhost:8000/upload

在上面的代码中，我们使用 -F 参数来指定上传的文件。需要将 /path/to/file 替换成你自己的文件路径。如果上传成功，服务器会返回一个 File uploaded successfully 的响应。

总结

在 Deno 应用程序中实现文件上传功能非常简单，只需要使用 MultipartReader 来解析上传的文件，并使用 writeFile 将其保存到本地文件系统中即可。本文提供了一个完整的示例代码，希望对你有所帮助。

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/658ee2b6eb4cecbf2d4abbd2