postman - NestJS 中的 FileInterceptor 和 Body 问题（在请求中上传文件和数据）

Question

我有以下控制器：

createCollection(
    @UploadedFile() file,
    @Body() createCollectionDto: CreateCollectionDto,
    @GetUser() user: User,
  ): Promise<Collection> {
    this.logger.verbose(
      `User "${
        user.username
      }" creating a new collection. Data: ${JSON.stringify(
        createCollectionDto,
      )} of "${user.username}"`,
    );
    if (file) {
      return this.collectionService.createCollection(
        createCollectionDto,
        user,
        file,
      );
    } else {
      throw new InternalServerErrorException('File needed');
    }
  }

我需要上传一个文件并在同一个查询中提供一些数据。

因为我要上传文件，所以我这样设置 Postman：

第一个问题：如何将文件与图片 n°1 中显示的数据一起发送？

我搜索了另一个 API 请求工具，发现了Postwoman

这是我使用的配置：

但是响应总是一样的：它没有检测到数据。（即{ name: foo, color: bar}）

第二个问题：我该如何解决这个问题？是否可以将数据放在文件中？如果可能的话，我怎样才能在 NestJS 中实现这一点？

非常感谢您阅读我的问题:) 任何帮助将不胜感激。

Answer 1

你很接近。要在 Postman 中的单个请求中上传文件和额外属性，您需要选择form-data而不是 x-www-form-urlencoded.

这是一个简单的 NestJS 控制器，它显示您可以获得所有数据：

import { Body, Controller, Post, UploadedFile, UseInterceptors } from '@nestjs/common';
import { FileInterceptor } from '@nestjs/platform-express';

@Controller('upload-stack-overflow')
export class UploadStackOverflowController {

  @Post('upload')
  @UseInterceptors(FileInterceptor('file'))
  uploadSingleFileWithPost(@UploadedFile() file, @Body() body) {
    console.log(file);
    console.log(body.firstName);
    console.log(body.favoriteColor);
  }
}