nest new upload -p pnpm
pnpm i multer
pnpm i -D @types/multer
允许跨域
1. 单文件上传
我们去新增一个用于上传的handler
@Post('upload')
@UseInterceptors(FileInterceptor('file', {
dest: 'uploads'
}))
uploadFile(@UploadedFile() file: Express.Multer.File, @Body() body) {
console.log('body', body);
console.log('file', file);
}
使用 FileInterceptor 来获取前端给的 file 字段,然后通过 UploadedFile 装饰器把它作为参数注入,dest是指定图片的存放目录的,当我们执行pnpm run start:dev时,你会发现它给我们自动的创建了一个uploads的文件夹
现在我们去快速写个前端页面,用于上传
<!DOCTYPE html>
<html lang="en">
<head>