el-upload上传视频，校验文件大小与格式

最新推荐文章于 2024-04-16 14:43:28 发布

不想上班只想要钱

最新推荐文章于 2024-04-16 14:43:28 发布

阅读量1.2k

点赞数

分类专栏： css Java Web 前端文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/Aa12364567/article/details/132015810

版权

前端同时被 3 个专栏收录

145 篇文章 3 订阅

订阅专栏

css

84 篇文章 1 订阅

订阅专栏

Java Web

43 篇文章 2 订阅

订阅专栏

// 视频上传之前进行校验
    beforeUpload(file) {
      let imgSize = Number(file.size / 1024 / 1024);
      if (imgSize > 100) {
        this.$message.warning("文件不能大于100MB,请重新选择");
        return false
      } else {
        let suffix = this.getFileType(file.name); // 获取文件后缀名
        let suffixArray = ['mp4']; // 限制的文件类型，根据情况自己定义
        if (suffixArray.indexOf(suffix) === -1) {
          this.$message.warning("只能上传视频");
          return false
        } else {
          return true
        }
      }
    },
    // 获取文件后缀名
    getFileType(name) {
      let startIndex = name.lastIndexOf(".");
      if (startIndex !== -1) {
        return name.slice(startIndex + 1).toLowerCase();
      } else {
        return "";
      }
    },