element before-upload return false 失效终止上传停止删除

杨半仙丶

于 2021-09-16 16:04:06 发布

阅读量3.1k

点赞数

分类专栏：前端Bug制造者文章标签： javascript html elementui

本文链接：https://blog.youkuaiyun.com/qq_26269441/article/details/120331035

版权

在使用 Element UI 的文件上传组件时，发现 `before-upload` 验证返回 `false` 无法阻止文件上传。本文将探讨这个问题，并提供解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

before-upload 验证中使用 return false 无法中断上传

部分验证

// 以下验证只允许上传图片 
		const isJPG = file.type === "image/jpg";
        const isJPEG = file.type === "image/jpeg";
        const isPNG = file.type === "image/png";
        const isWebp = file.type === "image/webp";
        const isLt50M = file.size / 1024 / 1024 < 50; //限制大小
        if (!isLt50M) {
   
            this.$message.warning("上传文件大小不能超过 50MB!");
            return false;
        }
        if (!isJPG && !isJPEG && !isPNG && !isWebp) {
   
            var p = /image\/\w+/.test(file.type) //防止报type类型未识别的错误
            if (!p) {
   
                this.$message.error('上传文件必须是JPG/JPEG/PNG/WEBP 格式!')
                if (