vue项目中,判断限制input=file上传文件的类型及大小

vue-cli项目中,使用input=file上传附件,判断文件格式是否正确,在change事件里进行判断:

vue项目中,判断限制input=file上传文件的类型及大小_第1张图片

类型:

vue项目中,判断限制input=file上传文件的类型及大小_第2张图片

大小:

vue项目中,判断限制input=file上传文件的类型及大小_第3张图片

let extName = files[0].name.substring(files[0].name.lastIndexOf(".")).toLowerCase();
let AllUpExt = ".rar|.zip|.doc|.docx|.xls|.xlsx|.pdf|";
 if(AllUpExt.indexOf(extName + "|") == "-1"){
    this.$utils.message(this, "error", "文件格式不正确!");
      return false;
    }else{
        // 操作
    }
 let size = files[0].size;
 size = size/(1024*1024);
    console.log(size)
 if(size > 10){  // 10M
    this.$utils.message(this, "error", "文件过大!");
   }

你可能感兴趣的:(Vue,js,判断input上传文件de类)