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

类型:

大小:

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-cli项目里,使用input=file上传附件时,可在change事件中判断文件格式与大小。通过截取文件扩展名并与允许的格式对比判断格式是否正确,将文件大小转换为MB后与10MB对比判断是否过大。
2236





