nestjs文件上傳

• 文件上傳
• • 單個文件上傳
  • 多文件上傳

文件上傳

單個文件上傳

// 1.依賴引入 UseInterceptors, UploadedFile, FileInterceptor import { Controller, Get, Post, Render, Body, UseInterceptors, UploadedFile } from '@nestjs/common'; import { FileInterceptor } from '@nestjs/platform-express'; // 3.將上傳的圖片放到某個文件夾 import { createWriteStream } from 'fs'; import { join } from 'path';@Controller('upload') export class UploadController {@Get() @Render('default/upload')index(){}@Post('doAdd')// 2.使用// 注意：必須在form的屬性中配置enctype="multipart/form-data"@UseInterceptors(FileInterceptor('pic')) // 配置上傳圖片的名稱doAdd(@Body() body, @UploadedFile() file){console.log('文件: ', file);console.log('body: ', body);console.log('__dirname: ', __dirname);// 4.將上傳的圖片放到某個文件夾var writeStream = createWriteStream(join(__dirname, '../../public/upload', `${Date.now()}-${file.originalname}`))writeStream.write(file.buffer);return '上傳圖片成功';} }

多文件上傳

// 1.依賴引入 UseInterceptors, UploadedFiles, FilesInterceptor import { Controller, Get, Post, Render, Body, UseInterceptors, UploadedFiles } from '@nestjs/common'; import { FilesInterceptor } from '@nestjs/platform-express'; // 3.將上傳的圖片放到某個文件夾 import { createWriteStream } from 'fs'; import { join } from 'path';@Controller('uploadmany') export class UploadmanyController {@Get() @Render('default/uploadmany')index(){}@Post('doAdd')// 2.使用// 注意：必須在form的屬性中配置enctype="multipart/form-data"@UseInterceptors(FilesInterceptor('pic'))doAdd(@Body() body, @UploadedFiles() files){console.log('body: ', body);console.log('files: ', files);// 4.循環放入圖片for(const file of files) {const writeImage = createWriteStream(join(__dirname, '../../public/upload', `${Date.now()}-${file.originalname}`));writeImage.write(file.buffer);}return '上傳圖片成功';} }

總結

以上是生活随笔為你收集整理的7.nestjs文件上传的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。