在Node.js项目中，使用 `multer`库来处理文件上传并存储具有文件扩展名的文件是一种常见的做法。`multer`是一个中间件，用于处理 `multipart/form-data`类型的数据，这种类型常用于提交表单和上传文件。下面我将详细说明如何配置 `multer`来存储带有文件扩展名的文件。

### 步骤 1: 安装 Multer

首先，你需要在你的Node.js项目中安装 `multer`。你可以使用npm来安装：

```bash
npm install multer
```

### 步骤 2: 设置Multer存储引擎

`multer`提供了几种存储选项，其中 `diskStorage`引擎允许你控制文件的存储路径和文件名。你可以在配置 `diskStorage`时，指定文件名以保留原始文件的扩展名。

```javascript
const express = require('express');
const multer = require('multer');
const path = require('path');

const app = express();

// 设置存储引擎
const storage = multer.diskStorage({
    destination: function (req, file, cb) {
        cb(null, 'uploads/') // 确保这个文件夹已经存在，否则会报错
    },
    filename: function (req, file, cb) {
        // 使用原文件名和扩展名
        cb(null, file.fieldname + '-' + Date.now() + path.extname(file.originalname))
    }
});

const upload = multer({ storage: storage });

// 路由配置
app.post('/upload', upload.single('file'), (req, res) => {
    res.send('文件上传成功');
});

app.listen(3000, () => {
    console.log('服务器运行在http://localhost:3000/');
});
```

### 说明

1. **存储位置（destination）**: 这里我们将文件存储在项目的 `uploads/`目录中。你需要确保这个目录已经存在于你的项目中，否则 `multer`无法保存上传的文件。
2. **文件名（filename）**: 通过 `path.extname(file.originalname)`获取上传文件的扩展名，并结合其他信息（如字段名、时间戳）生成新的文件名。这样做可以避免文件名冲突并保留文件扩展名。

### 步骤 3: 创建上传路由

在上面的代码示例中，我们创建了一个处理文件上传的POST路由 `/upload`。使用 `upload.single('file')`中间件处理表单中名为 `file`的文件字段。

这样配置后，当用户通过表单上传文件时，`multer`将自动处理文件保存，并根据我们的设置保留文件扩展名。

### 测试

为了测试文件上传功能，你可以使用Postman或者编写一个简单的HTML表单来上传文件：

```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>File Upload</title>
</head>
<body>
    <form action="http://localhost:3000/upload" method="post" enctype="multipart/form-data">
        <input type="file" name="file">
        <button type="submit">上传文件</button>
    </form>
</body>
</html>
```

访问这个HTML页面，并尝试上传一个文件，你应该能看到文件被上传到你的服务器的 `uploads`文件夹中，并且文件名包含了原始的扩展名。

以上就是如何使用 `multer`在Node.js中处理文件上传并保存文件扩展名的完整过程。


NPM 如何使用multer存储具有文件扩展名的文件？

1个答案

步骤 1: 安装 Multer

步骤 2: 设置Multer存储引擎

说明

步骤 3: 创建上传路由

测试

你的答案