如何在 `UploadedFile | 上进行模式匹配上传文件[]`

Question

我正在尝试使用 TypeScript express-fileupload 和 body-parser 实现文件上传。 （我也成功安装了对应的@types）。

我正在努力将 JavaScript 示例转换为 TypeScript，但我认为我的问题更普遍。我想使用（见代码）是form.mv() 和form.name，但编译器一直抱怨这些成员不存在。查看我的form 变量的类型，它是UploadedFile | UploadedFile[] 的联合类型，所以我认为我必须在运行时根据实际类型情况进行切换。但是编译器不允许我对它实际推断的类型案例进行模式匹配（参见屏幕截图）。处理这种类型的正确方法是什么？

截图：

完整代码：

import {Express, Request, Response} from 'express';
import fileUpload = require('express-fileupload');
import bodyParser = require('body-parser');
export class Server {
    private app: Express;
    constructor(app: Express) {
        this.app = app;
        this.app.use(fileUpload({createParentPath: true}));
        this.app.use(bodyParser.json());
        this.app.use(bodyParser.urlencoded({extended: true}));
        this.app.post('/form', (req: Request, res: Response) => {
            try {
                if (!req.files) {
                    res.send({
                        status: false,
                        message: 'No form uploaded'
                    });
                } else {
                    // use the name of the upload field to retrieve the uploaded form
                    let form = req.files.form;
                    // use the mv() method to place the file in the forms directory
                    switch (form) {
                        case fileUpload.UploadedFile: true;
                        case fileUpload.UploadedFile[]: false
                    }
                    form.mv('./forms/' + form.name);
                }
            }
       });
    }
    public start(port: number): void {
        this.app.listen(port, () => console.log(`Server listening on port ${port}!`));
    }
}

Answer 1

你可以使用 instanceof 操作符。它用于在运行时检查对象的类型。

所以你的代码应该是这样的

if(form instanceof Array){
// code to be executed for array of files
}else{
// code to be executed for one file object
}

你可以阅读更多关于它的信息 https://www.geeksforgeeks.org/instanceof-operator-in-javascript/