在现代 Web 应用程序中，文件上传已经成为一项必不可少的功能。Express.js 是一款流行的 Node.js Web 框架，它提供了非常方便的方式来处理文件上传。Multer 是一个 Express.js 中间件，用于处理 multipart/form-data 类型的表单数据，包括文件上传。
在本文中，我们将介绍如何在 Express.js 中使用 Multer 实现文件上传。我们将从 Multer 的安装开始，然后介绍如何在 Express.js 中配置 Multer，最后我们将编写一个示例应用程序来演示 Multer 的使用。
安装 Multer
在开始使用 Multer 之前，我们需要先安装它。我们可以使用 npm 包管理器来安装 Multer。打开终端，进入项目目录，然后运行以下命令：
npm install multer
配置 Multer
在安装 Multer 之后，我们需要在 Express.js 中配置它。我们需要在 Express.js 应用程序中添加 Multer 中间件。以下是一个简单的示例：
// javascriptcn.com 代码示例
const express = require('express')
const multer = require('multer')
const app = express()
const upload = multer({ dest: 'uploads/' })
app.post('/upload', upload.single('file'), (req, res) => {
res.send('File uploaded successfully')
})
app.listen(3000, () => {
console.log('Server started on http://localhost:3000')
})在上面的示例中，我们首先导入了 Express.js 和 Multer。然后，我们创建了一个 Express.js 应用程序实例，并创建了一个 Multer 实例。在 Multer 实例中，我们传递了一个选项对象，其中 dest 属性指定了上传文件的存储目录。
然后，我们定义了一个路由，处理 POST 请求 /upload，并使用 upload.single('file') 中间件来处理文件上传。这里的 'file' 是表单中文件的字段名。最后，我们发送一个简单的消息来表示文件上传成功。
最后，我们启动应用程序并监听端口 3000，然后在浏览器中访问 http://localhost:3000。
示例应用程序
下面是一个更完整的示例应用程序，它演示了如何使用 Multer 在 Express.js 中实现文件上传。在这个示例中，我们将上传的文件保存到本地磁盘上，并将其路径保存到 MongoDB 数据库中。
首先，我们需要安装必要的依赖项。我们将使用 express，multer 和 mongoose。在终端中运行以下命令：
npm install express multer mongoose
然后，我们将创建一个名为 app.js 的文件，并添加以下代码：
// javascriptcn.com 代码示例
const express = require('express')
const multer = require('multer')
const mongoose = require('mongoose')
const app = express()
// 连接 MongoDB 数据库
mongoose.connect('mongodb://localhost:27017/fileupload', {
useNewUrlParser: true,
useUnifiedTopology: true,
})
// 定义文件模型
const fileSchema = new mongoose.Schema({
name: String,
path: String,
})
const File = mongoose.model('File', fileSchema)
// 配置 Multer
const storage = multer.diskStorage({
destination: (req, file, cb) => {
cb(null, 'uploads/')
},
filename: (req, file, cb) => {
cb(null, Date.now() + '-' + file.originalname)
},
})
const upload = multer({ storage })
// 处理文件上传
app.post('/upload', upload.single('file'), async (req, res) => {
// 将上传的文件信息保存到数据库中
const file = new File({
name: req.file.originalname,
path: req.file.path,
})
await file.save()
res.send('File uploaded successfully')
})
// 获取所有文件
app.get('/files', async (req, res) => {
const files = await File.find()
res.json(files)
})
app.listen(3000, () => {
console.log('Server started on http://localhost:3000')
})在上面的代码中，我们首先导入了 express，multer 和 mongoose 模块。然后，我们创建了一个 Express.js 应用程序实例，并连接到 MongoDB 数据库。
接下来，我们定义了一个文件模型，它将上传的文件的名称和路径保存到数据库中。
然后，我们配置了 Multer 中间件。在 diskStorage 中，我们定义了上传文件的存储目录和文件名的生成方式。
接下来，我们定义了一个路由，处理 POST 请求 /upload，并使用 upload.single('file') 中间件来处理文件上传。在这个路由中，我们将上传的文件的信息保存到数据库中，并发送一个简单的消息来表示文件上传成功。
最后，我们定义了一个路由，处理 GET 请求 /files，并从数据库中获取所有文件信息，并将其作为 JSON 数据发送回客户端。
最后，我们启动应用程序并监听端口 3000，然后在浏览器中访问 http://localhost:3000。
总结
在本文中，我们介绍了如何在 Express.js 中使用 Multer 实现文件上传。我们首先安装了 Multer，然后配置了 Multer 中间件，并编写了一个示例应用程序来演示 Multer 的使用。Multer 是一个非常强大的工具，可以帮助我们轻松地处理文件上传。如果您正在构建一个需要文件上传功能的 Web 应用程序，那么 Multer 绝对是一个值得考虑的工具。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6577c275d2f5e1655d171e4d