Nest js upload is not saving file

Question

I'm following the nestjs documentation for File upload, my endpoint is getting the file, but the file is not stored.

I'm using the same configuration than NesJS

@Post('upload')
@UseInterceptors(FileInterceptor('file'))
uploadFile(@UploadedFile() file) {
  console.log(file);
}

My app.module file, I added the import for:

MulterModule.register({
      dest: './uploads'
    })

But the file is not stored in the directory uploads. The complete log is:

undefined
{
  fieldname: 'file',
  originalname: 'nopornimage.png',
  encoding: '7bit',
  mimetype: 'image/png',
  buffer: <Buffer 89 50 4e 47 0d 0a 1a 04 d00 01 73 52 47 42 00 ae ce 04 ... 20087 more bytes>,
  size: 20137
}

(Yes, including the undefined)

What am I doing wrong?

Zaan Chi · Accepted Answer · 2020-09-12 06:28:08Z

11

you should specify the destination. multer options

@Post('upload')
@UseInterceptors(FileInterceptor('file', {
  dest: 'uploads/'
}))
uploadFile(@UploadedFile() file) {
  console.log(file);
}

or you can use createWriteStream in fs module to save file by yourself.

import {createWriteStream} from 'fs'

@Post('upload')
@UseInterceptors(FileInterceptor('file'))
uploadFile(@UploadedFile() file) {
  const ws = createWriteStream('custom_filename')
  ws.write(file.buffer)
  console.log(file);
}

edited Sep 12, 2020 at 6:28

answered Sep 12, 2020 at 3:19

Zaan Chi

2513 silver badges6 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

kadim kareem · Accepted Answer · 2020-09-12 17:58:02Z

1

you should register multer module in your domain module not in app module(unless app module is the only module in your project ) for example if your controller belongs to task domain you should register multer in task module not in app module

   imports: [
     TypeOrmModule.forFeature([TaskRepository]),
     MulterModule.register({ dest: './upload' }),
   ],
   controllers: [TaskController],
   providers: [TaskService],
 })
 export class TaskModule {}

create upload directory and determine it's path in multer registration

answered Sep 12, 2020 at 17:58

kadim kareem

1551 silver badge8 bronze badges

1 Comment

Paulo Borralho Martins Over a year ago

The problem here is that MulterModule is not a global module. So we need to add it to the imports array of the module where we are doing the upload. I think the NestJS documentation should highlight this aspect.

Roman · Accepted Answer · 2021-09-28 12:27:17Z

0

@Post('upload')
@UseInterceptors(FileInterceptor('file', {dest: 'uploads/'}))
uploadFile(@UploadedFile() file: Express.Multer.File) {
    console.log(file);
}

You can use 'dest' keyword with decortor

edited Sep 28, 2021 at 12:27

Roman

2,5592 gold badges31 silver badges53 bronze badges

answered Sep 27, 2021 at 10:01

vishal sharma

1905 bronze badges

1 Comment

nima Over a year ago

While this code may answer the question, providing additional context regarding how and/or why it solves the problem would improve the answer's long-term value

Frank Simon · Accepted Answer · 2023-03-09 16:33:47Z

0

As stated here and Paolo mentioned, MulterModule is intentionally designed to be used as a feature module, your behavior can be achieved either using the @Global decorator, configuring it using forRoot, or re-exporting the module.

I would suggest the latest, in my case I tend to use a FileStorageModule to encapsulate all this logic, including metadata storage services, url transform controllers, etc.

edited Mar 9, 2023 at 16:33

answered Mar 9, 2023 at 16:22

Frank Simon

1111 silver badge5 bronze badges

Collectives™ on Stack Overflow

Nest js upload is not saving file

4 Answers 4

Comments

1 Comment

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related