Nest.js 中如何处理文件上传？

推荐答案

在 Nest.js 中处理文件上传可以通过 multer 中间件来实现。以下是一个简单的示例，展示了如何在 Nest.js 中处理文件上传：

// www.javascriptcn.com code example
import { Controller, Post, UseInterceptors, UploadedFile } from '@nestjs/common';
import { FileInterceptor } from '@nestjs/platform-express';
import { diskStorage } from 'multer';
import { extname } from 'path';

@Controller('upload')
export class UploadController {
  @Post('file')
  @UseInterceptors(FileInterceptor('file', {
    storage: diskStorage({
      destination: './uploads',
      filename: (req, file, callback) => {
        const randomName = Array(32).fill(null).map(() => (Math.round(Math.random() * 16)).toString(16)).join('');
        return callback(null, `${randomName}${extname(file.originalname)}`);
      }
    })
  }))
  uploadFile(@UploadedFile() file) {
    return {
      originalname: file.originalname,
      filename: file.filename,
    };
  }
}

在这个示例中，我们使用了 FileInterceptor 来处理文件上传，并通过 diskStorage 指定了文件的存储位置和文件名。

本题详细解读

1. 使用 FileInterceptor

FileInterceptor 是 Nest.js 提供的一个拦截器，用于处理文件上传。它接受两个参数：

• 第一个参数是表单字段的名称（在这个例子中是 'file'）。
• 第二个参数是一个配置对象，可以指定存储引擎、文件大小限制等。

2. 配置 diskStorage

diskStorage 是 multer 提供的一个存储引擎，用于将文件存储在磁盘上。它接受一个配置对象，其中包含两个主要属性：

• destination：指定文件存储的目录。
• filename：指定文件的命名规则。在这个例子中，我们生成了一个随机的文件名，并保留了原始文件的扩展名。

3. 使用 @UploadedFile 装饰器

@UploadedFile 装饰器用于将上传的文件注入到控制器的方法中。在这个例子中，我们将上传的文件注入到 uploadFile 方法中，并返回文件的原始名称和存储后的名称。

4. 文件上传的流程

1. 客户端发送一个包含文件的 POST 请求到 /upload/file 路由。
2. FileInterceptor 拦截请求，处理文件上传，并将文件存储在指定的目录中。
3. 控制器方法 uploadFile 接收到上传的文件，并返回文件的相关信息。

通过这种方式，你可以在 Nest.js 中轻松处理文件上传。