Je veux envoyer un fichier avec JSON

{
    "comment" : "string",
    "outletId" : 1
}

L'aide que j'ai obtenue de la documentation est

requestBody:
    content:
      multipart/form-data:
        schema:
          type: object
          properties:
            orderId:
              type: integer
            userId:
              type: integer
            fileName:
              type: string
              format: binary

Je ne sais pas où mettre ce schéma. J'ai essayé de le mettre à l'intérieur de @ApiProperty() dans DTO ainsi que dans @ApiOperations mais je n'ai pas pu résoudre le problème.

Vous trouverez ci-dessous la fonction dans laquelle je souhaite capturer le contenu d'un fichier.

@Post('/punchin')
@ApiConsumes('multipart/form-data')
@ApiOperation({ summary: 'Attendance Punch In' })
@UseInterceptors(CrudRequestInterceptor, ClassSerializerInterceptor, FileInterceptor('file'))
@ApiImplicitFile({ name: 'file' })
async punchInAttendance( @Body() body: PunchInDto, @UploadedFile() file: Express.Multer.File ): Promise<Attendance> {
    const imageUrl = await this.s3FileUploadService.upload(file)
    console.log(body, imageUrl)
    return await this.service.punchInAttendance({
      comment: body.punchInComment,
      outletId: body.outletId,
      imgUrl: imageUrl,
    })
  }
1
Jamshaid Tariq 12 mars 2021 à 21:18

1 réponse

Meilleure réponse

Utilisez @ApiBody car le corps conserve vos données.

  @Post('upload')
  @ApiConsumes('multipart/form-data')
  @ApiBody({
    schema: {
      type: 'object',
      properties: {
        comment: { type: 'string' },
        outletId: { type: 'integer' },
        file: {
          type: 'string',
          format: 'binary',
        },
      },
    },
  })
  @UseInterceptors(FileExtender)
  @UseInterceptors(FileInterceptor('file'))
  uploadFile2(@UploadedFile('file') file) {
    console.log(file);
  }

screenshot

J'arrive dans la console:

{
  fieldname: 'file',
  originalname: 'dart.txt',
  encoding: '7bit',
  mimetype: 'text/plain',
  buffer: <Buffer 20 0a 69 6d  ... 401 more bytes>,
  size: 451,
  comment: 'some comment',
  outletId: 123456
}

Comme FileInterceptor supprime les paramètres du corps, j'ai utilisé l'intercepteur FileExtender pour empaqueter comment et outletId dans les propriétés du fichier.

@Injectable()
export class FileExtender implements NestInterceptor {
  intercept(context: ExecutionContext, next: CallHandler): Observable<any> {
    const req = context.switchToHttp().getRequest();
    req.file['comment'] = req.body.comment;
    req.file['outletId'] = Number(req.body.outletId);
    return next.handle();
  }
}
1
Daniil Loban 14 mars 2021 à 00:17