antd 遇到无法检测文件后缀名时，我们可以手动检测

当遇到antd上传组件无法识别的文件时，它的file.type会为"",

所以这个时候就需要我们自己对文件进行校验，

如下：先写一个文件后缀正则校验

  function textFileName(fileName: string) {
        let reg = /\.(p8)$/;
        return reg.test(fileName);
    }

　　然后在beforeUpload中做拦截校验

  function beforeUpload(file: any) {
        if (!textFileName(file.name)) {
            file.status = 'error';
            message.error(`仅支持上传p8格式文件`);
        }
        updateFile([ file ]);
        return false;
    }

　如果：不符合条件就会变成

 

欢迎转载~，请标注来源~，觉得有用的话，帮忙点个赞👍吧~，谢谢观看~  希望对你有帮助