el-upload限制上传文件类型

一、全局定义限制类型

全局文件中定义，存储在session中

 

 

 

 上传文件页面使用

 

var testmsg = file.name.substring(file.name.lastIndexOf('.') + 1)

      var uploadType = sessionStorage.uploadType;

      if (uploadType.indexOf(testmsg) > -1) {

        this.$message({

          message: '执行文件不能上传!',

          type: 'warning'

        })

        return false

      }

 二、非全局定义

 const extension = testmsg === 'bat'

      const extension1 = testmsg === 'exe'

      if (extension || extension1) {

        this.$message({

          message: '上传文件不能是 bat、exe格式!',

          type: 'warning'

        })

        return false

      }

当使用before-remove时

需要两次限制

beforeHandleSuccess (file) {

      var testmsg = file.name.substring(file.name.lastIndexOf('.') + 1)

      var uploadType = sessionStorage.uploadType;

      if (uploadType.indexOf(testmsg) > -1) {

        this.$message({

          message: '执行文件不能上传!',

          type: 'warning'

        })

        return false;

      }

      const isLt2M = file.size / 1024 / 1024 < 100;

      if (!isLt2M) {

        this.$message.error("上传文件大小不能超过 100MB!");

        return false;

      }

      if (file.name.length > 100) {

        this.$message.error("文件名称过长，建议长度在字符内。");

        return false;

      }

      return true;

    },

beforeRemove (file, fileList) {

      var testmsg = file.name.substring(file.name.lastIndexOf('.') + 1)

      var uploadType = sessionStorage.uploadType;

      if (uploadType.indexOf(testmsg) > -1) {

        return true;

      }

      return this.$confirm(`文件删除后将无法恢复，确定删除该文件？`);

    },