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;
    }

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

 帮忙点个赞吧~，原创不易，支持转载请标明出处~