繁体   English   中英

nestjs multer获取multer存储后的新文件名列表

[英]nestjs multer get list of new file names after multer storage

我有这个用于上传文件的中间件。

@Injectable()
export class FilesMiddleware implements NestMiddleware {

  private storage = multer.diskStorage({
    destination: (req, file, cb) => {
      cb(null, path.join(__dirname, '../../uploads/'));
    },
    filename: (req, file, cb) => {
      let extArray = file.mimetype.split("/");
      let extension = extArray[extArray.length - 1];
      cb(null, file.fieldname + '-' + Date.now() + '.' + extension)
    }
});

  resolve(...args: any[]): MiddlewareFunction {
    return (req, res, next) => {
      console.log(req.files);
      const upload = multer({storage: this.storage});
      upload.any();
      return next();
    }
  }
}

在我的请求中,当我使用req.files它给我原始文件名而不是新文件名(与我在multer存储选项中设置的日期等)的问题。

有没有办法我可以使用中间件上传更新的文件名multer?

@Post('upload')
@UseInterceptors(FilesInterceptor('files[]', 20, {}))
public async onUpload(@Request() req, @Response() res, @UploadedFiles() files) {
    const mediaResponse = await this.media.saveMedias(0, files);
    res.json({status: true});
}

首先:它不通过内置的意义的,都使用multer FilesInterceptor 定制FilesMiddleware 选择以下两个选项之一

A)使用内置的FilesInterceptor (推荐)

您可以直接为每个FilesInterceptor提供存储配置:

const storage = {...};

@Controller()
export class AppController {

  @Post('upload')
  @UseInterceptors(FilesInterceptor('files', 20, { storage }))
  public async onUpload(@UploadedFiles() files) {
    return files.map(file => file.filename);
  }
}

或者通过导入MulterModule提供默认的multer存储配置

imports: [
  MulterModule.register({
    storage: {...},
  })
]

B)使用您自己的中间件(没有FilesInterceptor

如果您需要比FilesInterceptor提供的更多灵活性,请仅使用此选项。 您可以使用Promise等待上传完成。 上传后,您可以通过req.files访问新文件名。

export class FilesMiddleware implements NestMiddleware {
  private storage = {...};

  async use(req, res, next) {
    const upload = multer({ storage: this.storage });
    // wait until upload has finished
    await new Promise((resolve, reject) => {
      upload.array('files')(req, res, err => err ? reject(err) : resolve());
    });
    // Then you can access the new file names
    console.log(req.files.map(file => file.filename));
    return next();
  }
}

通过request对象访问控制器中的上传文件:

@Post('upload')
public async onUpload(@Request() req) {
  return req.files.map(file => file.filename);
}

如何访问新文件名?

您将在req.files (中间件)或@UploadedFiles() files (拦截器)中找到上传的文件作为具有以下结构的数组:

[ { fieldname: 'files',
    originalname: 'originalname.json',
    encoding: '7bit',
    mimetype: 'application/json',
    destination: 'D:/myproject/src/uploads',
    // This is what you are looking for
    filename: 'files-1558459911159.json',
    path:
     'D:/myproject/src/uploads/files-1558459911159.json',
    size: 2735 } ]

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM