文件上传是 Web 应用程序中常见的功能，它允许用户将文件从本地计算机上传到服务器。在本文中，我们将使用 Node.js 和一些流行的第三方模块来实现一个简单的文件上传功能。
前置知识
在开始之前，请确保您已经安装了 Node.js 并且熟悉以下主题：
- Node.js 的基础知识
- HTTP 模块和请求响应过程
- FormData 对象的基础使用
步骤一：创建表单
首先，我们需要在客户端创建一个包含文件上传字段的 HTML 表单。该表单必须具有正确的 enctype 属性，以便能够正确编码表单数据。
<form action="/upload" method="post" enctype="multipart/form-data"> <input type="file" name="uploadFile"> <input type="submit" value="Upload File"> </form>
注意，enctype 属性必须设置为 multipart/form-data，这样表单数据才能正确编码。此外，表单还需要一个文件输入字段，以便用户可以选择要上传的文件。
步骤二：处理文件上传请求
接下来，我们需要在服务器端创建一个路由处理程序来处理文件上传请求。我们将使用 Express.js 来简化这个过程。如果您不熟悉 Express.js，可以通过阅读官方文档来学习更多信息。
-- -------------------- ---- ------- ----- ------- - ------------------- ----- --- - ---------- ------------------- ----- ---- -- - -- -------- --- ---------------- -- -- - ------------------- --------- -- ---- ------- ---
在上面的代码中，我们使用 Express.js 创建了一个 POST 路由处理程序，它将在客户端提交表单时被调用。
步骤三：处理文件上传
现在，我们需要编写代码来处理文件上传请求。Node.js 提供了一个内置模块 fs 来操作文件系统，我们将使用这个模块来将上传的文件保存到服务器上的文件系统中。
但是，在将文件保存到磁盘中之前，我们需要使用第三方模块 multer 来解析上传的文件数据。
安装 multer 模块：
$ npm install --save multer
然后在路由处理程序中添加以下代码：
const multer = require('multer');
const upload = multer({ dest: 'uploads/' });
app.post('/upload', upload.single('uploadFile'), (req, res) => {
const uploadedFile = req.file;
// TODO: 处理上传文件，例如将其保存到磁盘中。
});在上面的代码中，我们首先将 multer 模块导入到我们的代码中，并使用 upload 变量创建一个新的 multer 实例，从而配置文件上传选项。{ dest: 'uploads/' } 配置项指定了上传文件的保存路径。
接下来，我们使用 upload.single('uploadFile') 中间件来解析上传的文件。其中 uploadFile 是我们在表单中定义的文件输入字段名称。
最后，我们将解析出的文件信息存储在变量 uploadedFile 中进行处理。例如，我们可以使用以下代码将上传的文件保存到磁盘中：
const fs = require('fs');
fs.renameSync(uploadedFile.path, './uploads/' + uploadedFile.originalname);
res.send('File uploaded successfully');在上面的代码中，fs.renameSync() 函数将上传的文件重命名并移动到指定目录中。
总结
在本文中，我们使用 Node.js 和 multer 模块创建了一个简单的文件上传功能。通过遵循这些步骤，您可以轻松地创建自己
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/1202