在 Nest.js 中实现文件上传

文件上传是后端开发中非常常见的需求,例如用户上传头像、Excel 报表、图片资源等。Nest.js 作为一个基于 TypeScript 的渐进式 Node.js 框架,提供了开箱即用的上传支持,并且与 Multer 中间件深度集成。

本文将介绍 Nest.js 中文件上传的实现方式。


1. 文件上传的原理

Nest.js 本身并不直接处理文件,而是通过 Multer 来解析 multipart/form-data 类型的请求。Nest.js 提供了内置的拦截器(Interceptor),可以很方便地将上传逻辑融入到控制器中。

核心要点:

  • 使用 @UseInterceptors() 配合 FileInterceptorFilesInterceptor
  • 上传后的文件会自动保存到磁盘(或内存),并在控制器方法中以参数形式注入。
  • 可以自定义存储路径、文件名、过滤器等。

2. 单文件上传

首先安装依赖:

bash 复制代码
npm install @nestjs/platform-express multer

控制器代码示例:

ts 复制代码
import {
  Controller,
  Post,
  UploadedFile,
  UseInterceptors,
} from "@nestjs/common";
import { FileInterceptor } from "@nestjs/platform-express";
import { diskStorage } from "multer";
import { extname } from "path";

@Controller("upload")
export class UploadController {
  @Post("single")
  @UseInterceptors(
    FileInterceptor("file", {
      storage: diskStorage({
        destination: "./uploads", // 文件保存路径
        filename: (req, file, callback) => {
          const uniqueSuffix =
            Date.now() + "-" + Math.round(Math.random() * 1e9);
          callback(null, `${uniqueSuffix}${extname(file.originalname)}`);
        },
      }),
      limits: { fileSize: 5 * 1024 * 1024 }, // 限制 5MB
    })
  )
  uploadSingle(@UploadedFile() file: Express.Multer.File) {
    return {
      filename: file.filename,
      path: file.path,
    };
  }
}

说明:

  • FileInterceptor('file') 对应前端表单里的 name="file"
  • diskStorage 用于定义保存目录和文件命名规则。
相关推荐
yuanlaile8 天前
NestJS实战商城与云原生落地指南
云原生·nestjs·nestjs学习指南
小二李13 天前
DTO,DAO是什么?MVC是什么架构?
nestjs
Ticnix16 天前
NestJs--Prisma 7的安装与数据库配置(超完整)
前端·nestjs
小蜜蜂dry17 天前
nestjs实战-登录、鉴权(二)
前端·后端·nestjs
全栈王校长17 天前
Nest 文件上传 - 就是增强版的 el-upload
前端·后端·nestjs
小蜜蜂dry17 天前
nestjs实战-登录、鉴权(一)
前端·后端·nestjs
小蜜蜂dry18 天前
nestjs实战 - 拦截器,统一处理接口请求与响应结果
前端·后端·nestjs
当时只道寻常18 天前
NestJS + OpenAI 实现流式输出
openai·nestjs
dyb-dev19 天前
我是如何学习 NestJS 的
前端·nestjs·全栈
全栈王校长20 天前
Nest 中间件 Middleware - 就像 Vue 的路由守卫
后端·nestjs