代码之家 › 专栏 › 技术社区 › Dave

如何创建一个NestJS端点,该端点除了一个字符串字段外,还接受两个文件?

multer multipartform-data nestjs file-upload

Dave · 技术社区 · 2 年前

我正在使用NestJS 10。我想设计一个接受一个字符串字段和两个文件(名为“frontImg”和“backimg”)的端点。我已经创建了此端点

  @Post()
  @UseInterceptors(FileInterceptor('frontImg'), FileInterceptor('backImg'))
  async create(
    @Req() req: Request,
    @Body('title') title: string,
    @UploadedFiles(
      new ParseFilePipe({
        validators: [new FileTypeValidator({ fileType: 'image/jpeg' })],
      }),
    )
    files: { frontImg: Express.Multer.File[]; backImg?: Express.Multer.File[] },
  ) {
    ...
  }

但是当我尝试使用Postman向我的端点提交请求时

我从我的NestJS服务器收到了这个400响应。。。

{
    "message": "Unexpected field",
    "error": "Bad Request",
    "statusCode": 400
}

设置NestJS端点以接受这两个文件的正确方法是什么?

1 回复 | 直到 2 年前

Jay McDoniel 2 年前

您将要使用 FileFieldsInterceptor 以处理文件上载到指定字段。所以现在你的控制器看起来是这样的:

 @Post()
  @UseInterceptors(FileFieldsInterceptor([{ name: 'frontImg', maxCount: 1}), { name: 'backImg', maxCount: 1}]))
  async create(
    @Req() req: Request,
    @Body('title') title: string,
    @UploadedFiles(
      new ParseFilePipe({
        validators: [new FileTypeValidator({ fileType: 'image/jpeg' })],
      }),
    )
    files: { frontImg: Express.Multer.File[]; backImg?: Express.Multer.File[] },
  ) {
    ...
  }

推荐文章

Scott-MEARN-Developer · FileReader()以角度返回未定义和伪路径

3 年前

Lamberto Fredrick Nababan · PHP/MySQL-在执行单个上载时输入两次数据

7 年前

Wai Yan Hein · 上传时,Laravel正在旋转图像

7 年前

Chris · 要在chrome中添加哪个标志才能不看到c:/fakepath

7 年前

Yu.Pan · 如何上载文件夹或找到替换文件夹的方法

8 年前

Karma Blackshaw · 文件输入类型的未定义索引[重复]

8 年前

TheSwiftGuy77 · 使用Swift 4将Pdf、Docx和图像文件上载到服务器

8 年前

acb1980 · 上次更新后,Safari(iOS和OS X)上的Ajax文件上传中断

8 年前

Marcus Grass · Django将文件保存到磁盘文件夹的最简单方法,无需使用模型

8 年前

ahmed · 使用Mysql在php//中上载图像时无法打开流

8 年前