解决Element-UI el-upload组件，上传文件格式不符，依旧可以上传成功问题

最新推荐文章于 2023-11-16 17:20:15 发布

·J.

最新推荐文章于 2023-11-16 17:20:15 发布

阅读量1.1k

点赞数 2

文章标签： vue.js elementui 前端

本文链接：https://blog.csdn.net/qq_44811609/article/details/130124184

版权

上传组件中添加 :before-upload="beforeUpload"

    beforeUpload (categories,file) {
                if (file.size / (1024 * 1024) > 500) {   // 限制文件大小
                    this.$message.warning(`当前限制文件大小不能大于500M`)
                    return false
                }
                let suffix = this.getFileType(file.name); //获取文件后缀名
                let  whiteList =['txt','pdf','xlsl','docx','xls','doc'];
                if (whiteList.indexOf(suffix) === -1) {
                    this.$message({
                        message: '文件格式错误',
                        type: 'error',
                        duration: 2000
                    });
                    return Promise.reject(false);
                }
            },