简单实现 Node.js 文件上传功能

文件上传是 Web 应用程序中常见的功能，它允许用户将文件从本地计算机上传到服务器。在本文中，我们将使用 Node.js 和一些流行的第三方模块来实现一个简单的文件上传功能。

前置知识

在开始之前，请确保您已经安装了 Node.js 并且熟悉以下主题：

• Node.js 的基础知识
• HTTP 模块和请求响应过程
• FormData 对象的基础使用

步骤一：创建表单

首先，我们需要在客户端创建一个包含文件上传字段的 HTML 表单。该表单必须具有正确的 enctype 属性，以便能够正确编码表单数据。

----- ---------------- ------------- ------------------------------
  ------ ----------- ------------------
  ------ ------------- ------------- ------
-------

注意，enctype 属性必须设置为 multipart/form-data，这样表单数据才能正确编码。此外，表单还需要一个文件输入字段，以便用户可以选择要上传的文件。

步骤二：处理文件上传请求

接下来，我们需要在服务器端创建一个路由处理程序来处理文件上传请求。我们将使用 Express.js 来简化这个过程。如果您不熟悉 Express.js，可以通过阅读官方文档来学习更多信息。

----- ------- - -------------------
----- --- - ----------

------------------- ----- ---- -- -
  -- --------
---

---------------- -- -- -
  ------------------- --------- -- ---- -------
---

在上面的代码中，我们使用 Express.js 创建了一个 POST 路由处理程序，它将在客户端提交表单时被调用。

步骤三：处理文件上传

现在，我们需要编写代码来处理文件上传请求。Node.js 提供了一个内置模块 fs 来操作文件系统，我们将使用这个模块来将上传的文件保存到服务器上的文件系统中。

但是，在将文件保存到磁盘中之前，我们需要使用第三方模块 multer 来解析上传的文件数据。

安装 multer 模块：

- --- ------- ------ ------

然后在路由处理程序中添加以下代码：

----- ------ - ------------------
----- ------ - -------- ----- ---------- ---

------------------- ---------------------------- ----- ---- -- -
  ----- ------------ - ---------
  
  -- ----- ------------------
---

在上面的代码中，我们首先将 multer 模块导入到我们的代码中，并使用 upload 变量创建一个新的 multer 实例，从而配置文件上传选项。{ dest: 'uploads/' } 配置项指定了上传文件的保存路径。

接下来，我们使用 upload.single('uploadFile') 中间件来解析上传的文件。其中 uploadFile 是我们在表单中定义的文件输入字段名称。

最后，我们将解析出的文件信息存储在变量 uploadedFile 中进行处理。例如，我们可以使用以下代码将上传的文件保存到磁盘中：

----- -- - --------------

-------------------------------- ------------ - ---------------------------
-------------- -------- ---------------

在上面的代码中，fs.renameSync() 函数将上传的文件重命名并移动到指定目录中。

总结

在本文中，我们使用 Node.js 和 multer 模块创建了一个简单的文件上传功能。通过遵循这些步骤，您可以轻松地创建自己

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