在Web应用程序中，允许用户上传文件是非常普遍的需求。实现文件上传可能看起来简单， 但涉及到有关服务器端处理和存储的复杂方面。
使用Express.js构建Web应用程序并实现文件上传功能非常简单。本文将介绍如何使用multer中间件实现文件上传，并探讨代码背后的技术细节。
Multer 简介
Multer 是一个 Node.js 中间件，用于处理表单数据（包括文件上传）。它基于 busboy 构建，并且全面支持 Promise API 和 async/await 语法。
要使用Multer，首先需要安装它：
npm install multer文件上传示例
让我们创建一个包含文件上传的 Web 应用程序。
首先，需要设置一个 HTML 表单，其中包含一个文件输入字段。例如，以下 HTML 表单使用户能够选择要上传的文件：
<form action="/upload" method="post" enctype="multipart/form-data"> <input type="file" name="myFile"> <button type="submit">Upload</button> </form>
注意，必须将 enctype 属性设置为 multipart/form-data，这样浏览器可以正确识别要上传的文件。
接下来，在服务器端，需要使用 Express 并使用 Multer 中间件来处理文件上传。以下代码演示了如何完成该任务：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- ------ - ------------------ ----- --- - ---------- ----- ------ - -------- ----- ---------- --- ------------------- ------------------------ ----- ---- -- - ---------------------- -- ------- -------------- ------------ --- ---------------- -- -- - ------------------- ------- -- ---- ------- ---展开代码
上述代码中，我们首先定义了一个 multer 实例，并将文件存储在 uploads/ 目录下。接着，我们使用 upload.single() 中间件函数来处理单个文件上传的情况。这个函数的参数是表单字段的名称，即 name='myFile'。
当表单被提交时，文件将被上传到指定的目录，Multer 将告诉 Express 如何获取上传的文件。在本示例中，在控制台输出请求对象中的文件信息（即 req.file）。最后，发送回客户端一条简单的响应。
总结
本文介绍了如何使用 Express.js 和 Multer 中间件实现文件上传。通过示例代码和解释，我们展示了如何使用 Multer 处理文件上传，并处理 Express 的传入请求对象。
从本文中，读者可以学习到：
- 如何设置 HTML 表单以允许文件上传；
- 如何配置 Multer 和 Express 来处理文件上传；
- 如何使用 Express 的请求对象来获取上传文件的信息；
以上内容可以作为初学者上手实现文件上传的指导，并为在项目中进行更高级的处理和验证打下基础。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6517808295b1f8cacdfaf82f
