当前位置： 技术文章>> 如何在Node.js中处理多文件上传？
文章标题：如何在Node.js中处理多文件上传？
在Node.js中处理多文件上传是一个常见的需求，特别是在开发需要用户上传图片、文档或其他类型文件的Web应用时。Node.js以其非阻塞I/O和事件驱动的特性，使得处理并发请求和文件操作变得高效。下面，我将详细介绍如何在Node.js环境中使用Express框架结合`multer`中间件来实现多文件上传的功能。
### 1. 准备工作
首先，确保你已经安装了Node.js和npm（Node包管理器）。接着，我们将创建一个新的Express项目，并安装必要的依赖。
#### 创建项目和安装依赖
打开终端或命令行工具，执行以下命令来初始化一个新的Node.js项目：
```bash
mkdir my-file-upload-app
cd my-file-upload-app
npm init -y
```
这些命令会创建一个新的文件夹，并在其中初始化一个新的Node.js项目，生成`package.json`文件。接下来，安装Express和Multer：
```bash
npm install express multer
```
### 2. 设置Express服务器
现在，我们将设置基本的Express服务器。在你的项目文件夹中，创建一个名为`app.js`的文件，并添加以下代码来设置服务器和中间件：
```javascript
const express = require('express');
const multer = require('multer');
const app = express();
const PORT = 3000;
// 配置multer
const storage = multer.diskStorage({
destination: function (req, file, cb) {
cb(null, 'uploads/') // 确保此文件夹已存在
},
filename: function (req, file, cb) {
cb(null, file.fieldname + '-' + Date.now() + file.originalname)
}
});
const upload = multer({ storage: storage });
// 设置静态文件目录
app.use(express.static('public'));
// 路由设置
app.post('/upload', upload.array('files', 12), (req, res) => {
if (!req.files) {
return res.status(400).send('No files were uploaded.');
}
// 处理上传的文件
const files = req.files;
files.forEach(file => {
console.log(file.fieldname + ' ' + file.originalname + ' uploaded to ' + file.destination + file.filename);
});
res.send('Files have been uploaded successfully!');
});
app.listen(PORT, () => {
console.log(`Server running on port ${PORT}`);
});
```
在上面的代码中，我们做了以下几件事：
- 引入了Express和Multer库。
- 配置了Multer的存储选项，指定文件存储的位置和命名规则。
- 设置了静态文件目录，虽然在这个例子中不直接用于文件上传，但在实际应用中可能用于提供上传文件的访问。
- 创建了一个POST路由`/upload`，用于处理文件上传。`upload.array('files', 12)`指定了接收文件的字段名为`files`，并限制最多上传12个文件。
- 在路由处理函数中，我们检查是否有文件被上传，并遍历`req.files`数组以获取上传的文件信息。
### 3. 创建HTML表单
为了测试文件上传功能，我们需要一个HTML表单来发送文件。在你的项目文件夹中，创建一个名为`public`的文件夹（如果还没有的话），并在其中创建一个`index.html`文件：
```html
File Upload