在 Web 开发中，上传文件是一项非常基础的功能，无论是网站还是 Web 应用，都需要支持文件上传功能。本文将介绍如何使用 Node.js 和 Express 实现上传文件的功能。
什么是 Node.js 和 Express？
Node.js 是一个基于 Chrome V8 JavaScript 引擎的平台，可以用于构建高性能、可伸缩的网络应用程序。由于其异步编程模型、事件驱动和非阻塞 I/O 等特性，Node.js 在处理高并发网络请求的场景下非常出色。
Express 是一个基于 Node.js 平台的 Web 开发框架，它提供了许多常用的 Web 应用程序开发功能和中间件，并且非常易于使用和扩展。Express 的特点是简洁而灵活，能够快速构建出高质量的 Web 应用程序。Express 是当前最流行的 Node.js Web 框架之一。
文件上传的原理
在 Web 开发中，文件上传的原理是将用户选择的文件数据通过 HTTP 协议上传到服务器上。在服务器端，接收到上传的文件之后，可以将其保存到本地磁盘或者将其存储到数据库等其他位置。
文件上传的过程中，需要注意几个关键点：
- 文件上传的数据量可能很大，因此需要实现流式上传，避免将整个文件数据一次性读取到内存中。
- 上传的文件需要进行识别和校验，以避免上传非法的文件类型或大小超过限制的文件。
- 文件上传可能会耗费很长时间，因此需要实现上传进度的监控和提示。
使用 Express 实现文件上传
Express 提供了 multer 中间件，可以方便地实现文件上传的功能。multer 支持上传单个文件或多个文件，同样可以实现对上传文件的扩展名、大小等数据的限制。下面是一个使用 multer 中间件实现文件上传的示例代码：
首先，需要安装 multer：
npm install multer --save
然后，在 Node.js 中引用 multer，并设置上传文件存储的路径和文件名：
-- -------------------- ---- -------
----- ------- - -------------------
----- ------ - ------------------ -- -- ------ ---
----- --- - ----------
----- ------- - --------------------
------------ -------- ----- ----- --- - -- -----------
-------- -----------
--
--------- -------- ----- ----- --- - -- ----------
-------- -------------- - --- - ---------- - --- - -----------------------------------
-
---
----- ------ - -------- -------- ------- ---
------------------- ---------------------- -------- ----- ---- -
-------------- -------- ---------------
---
---------------- -------- -- -
------------------- ------- -- ---- -------
---在上述代码中，我们创建了一个存储器对象 storage，用于设置上传文件的存储路径和文件名。然后，创建了一个 multer 对象 upload，并向其传递了 storage 对象，用于指定文件存储路径和文件名。
在 app.post('/upload', upload.single('file'), function (req, res) {}) 这个路由函数中，我们调用了 upload.single('file') 方法，表示上传的是单个文件，文件属性名为 file。当上传完成之后，执行回调函数，响应客户端请求。
最后，我们使用 Express 框架启动了服务器，监听了 3000 端口，并在浏览器中访问 http://localhost:3000 可以上传文件。上传的文件会被保存到 uploads/ 目录下。注意要创建好 uploads/ 目录。
总结
使用 Node.js 和 Express 框架实现上传文件功能非常简单，只需要使用 multer 中间件即可。通过本文的介绍，你可以学习到如何使用 multer 中间件来实现文件上传功能。同时，你还可以根据需要对上传的文件进行扩展名、文件大小等的限制。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64ed5868f6b2d6eab377f4d2