在 Web 应用开发中，文件上传是一个常见的需求。在前后端分离的架构下，如果想要实现文件上传功能，通常需要在前端编写文件选择和上传相关的代码，同时还需要在后端编写处理文件上传的代码。
为了简化文件上传的流程，我们可以使用 Express.js 和 Multer 库，它们可以帮助我们轻松实现文件上传功能，本文将详细介绍如何使用 Express.js 和 Multer 库进行文件上传。
什么是 Express.js 和 Multer 库
- Express.js
Express.js 是一个基于 Node.js 平台的 Web 应用开发框架，它提供了一系列简洁、灵活的特性，可以帮助开发者快速搭建 Web 应用。通过使用 Express.js，我们可以轻松构建具有路由、中间件和模板引擎等功能的 Web 应用。
- Multer 库
Multer 库是一个基于 Node.js 平台的文件上传中间件，它可以帮助我们处理上传的文件数据。Multer 支持多种上传方式，包括表单上传、AJAX 上传和 RESTful API 上传等。
使用 Express.js 和 Multer 库进行文件上传的基本流程
安装 Express.js 和 Multer 库：
# 使用 NPM 安装 Express.js 和 Multer 库 npm install --save express multer
在 Express.js 中引入 Multer 中间件：
// 引入 Multer 库 const multer = require('multer'); // 配置 Multer 中间件 const upload = multer({ dest: 'uploads/' });在 Express.js 中添加文件上传路由：
// 添加文件上传路由 app.post('/upload', upload.single('file'), function (req, res, next) { // 处理上传的文件数据 // ... });在前端中编写文件上传代码：
<form action="/upload" method="POST" enctype="multipart/form-data"> <input type="file" name="file" /> <input type="submit" value="上传" /> </form>
实战示例
下面是一个完整的示例，演示如何使用 Express.js 和 Multer 库进行文件上传。
-- -------------------- ---- ------- -- -- ---------- - ------ - ----- ------- - ------------------- ----- ------ - ------------------ -- -- ---------- ---- ----- --- - ---------- -- -- ------ --- ----- ------ - -------- ----- ---------- --- -- -------- ------------------- ---------------------- -------- ----- ---- ----- - -- --------- ---------------------- -- --------- --------------------------------- --- -- -- ---------- ---- ---------------- -------- -- - ----------------------- --------------------- -------- ---
在浏览器中访问 http://localhost:3000，选择一个文件进行上传，上传成功后将在控制台中打印出上传的文件信息。
总结
使用 Express.js 和 Multer 库进行文件上传，可以帮助我们轻松实现文件上传功能。在实际开发中，我们可以根据实际需要对文件上传流程进行自定义配置，以满足不同的需求。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6452108f675af4061b5bf42a