element UI文件上传beforeUpload直接return false失效，文件仍然上传

最新推荐文章于 2023-07-27 11:02:11 发布

Arelir

最新推荐文章于 2023-07-27 11:02:11 发布

阅读量3.2k

点赞数 4

分类专栏： vue前端常见问题文章标签： ui javascript 开发语言

本文链接：https://blog.csdn.net/baidu_41627902/article/details/120974278

版权

vue前端常见问题专栏收录该内容

1 篇文章 0 订阅

订阅专栏

beforeUpload做格式限制，只判断文件大小，超过大小return false，一切正常，加上判断格式的限制后return false就不起作用了。

if (fileSize > parseInt(this.parameter.size) * 1024) { //限制大小
          this.$message({
            type: "warning",
            message: "上传文件不能大于" + this.parameter.size,
          });
          return false;
          // flag = false
        }

解决：Promise（虽然不知道为什么，反正用Promise就好了，用return就不行）
在这里插入图片描述

  // 格式限制
      async beforeUpload(file) {
        console.log("i-----file", file);
        const fileSuffix = file.name.substring(file.name.lastIndexOf("."));
        console.log(fileSuffix);
        // const whiteList = ["pdf", "doc", "docx", "xls", "xlsx"];
        let flag = true
        const whiteList = this.parameter.accept.split(',')
        console.log(whiteList);
        let fileSize = file.size / 1024;
        if (whiteList.indexOf(fileSuffix) === -1) { //限制格式
          flag = false
          this.$message({
            type: "warning",
            message: '上传文件只能是' + this.parameter.accept + '格式',
          });

        } else if (fileSize > parseInt(this.parameter.size) * 1024) { //限制大小
          this.$message({
            type: "warning",
            message: "上传文件不能大于" + this.parameter.size,
          });
          // return false;
          flag = false
        }
        if (!flag) {
          if (!flag) return Promise.reject(flag); //正确的终止
        }

      },