nestjs文件上傳

• 文件上傳
• • 單個(gè)文件上傳
  • 多文件上傳

文件上傳

單個(gè)文件上傳

// 1.依賴(lài)引入 UseInterceptors, UploadedFile, FileInterceptor import { Controller, Get, Post, Render, Body, UseInterceptors, UploadedFile } from '@nestjs/common'; import { FileInterceptor } from '@nestjs/platform-express'; // 3.將上傳的圖片放到某個(gè)文件夾 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')) // 配置上傳圖片的名稱(chēng)doAdd(@Body() body, @UploadedFile() file){console.log('文件: ', file);console.log('body: ', body);console.log('__dirname: ', __dirname);// 4.將上傳的圖片放到某個(gè)文件夾var writeStream = createWriteStream(join(__dirname, '../../public/upload', `${Date.now()}-${file.originalname}`))writeStream.write(file.buffer);return '上傳圖片成功';} }

多文件上傳

// 1.依賴(lài)引入 UseInterceptors, UploadedFiles, FilesInterceptor import { Controller, Get, Post, Render, Body, UseInterceptors, UploadedFiles } from '@nestjs/common'; import { FilesInterceptor } from '@nestjs/platform-express'; // 3.將上傳的圖片放到某個(gè)文件夾 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.循環(huán)放入圖片for(const file of files) {const writeImage = createWriteStream(join(__dirname, '../../public/upload', `${Date.now()}-${file.originalname}`));writeImage.write(file.buffer);}return '上傳圖片成功';} }

總結(jié)

以上是生活随笔為你收集整理的7.nestjs文件上传的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。