express-fileupload请求类型怎么定义？TypeScript避免any解决文件上传类型问题

默认的express.Request类型并未包含files属性，因为文件上传功能依赖multer这类第三方中间件，所以需要通过类型扩展来解决类型报错问题，以下是两种可行方案：

方案一：扩展Express的Request接口 #

创建一个类型声明文件（比如src/types/express.d.ts），在其中扩展Express的Request接口，添加对应files的类型定义：

import { File } from 'multer';

declare global {
  namespace Express {
    interface Request {
      // 根据你的实际上传场景定义：如果是单个文件用File，多个文件用File[]
      files?: {
        foo: File | File[];
      };
    }
  }
}

确保你的tsconfig.json配置中包含这个类型文件，比如在include数组里添加：

"include": ["src/**/*", "src/types/**/*.d.ts"]

之后在路由处理函数中使用express.Request时，就能正常访问req.files.foo且不会出现类型报错。

方案二：直接使用multer提供的Request类型 #

导入multer包中的Request类型，替代默认的express.Request：

import express from 'express';
import { Request } from 'multer';

const app = express();

app.post('/upload', function(req: Request, res: express.Response) {
  console.log(req.files?.foo); // 类型检查正常通过
});

如果需要更精确的类型，可以结合multer的File接口自定义字段结构，确保类型完全匹配你的上传逻辑。

内容的提问来源于stack exchange，提问作者Md Hasibur Rahaman