vue項目中,判斷限制input=file上傳文件的類型及大小

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", "文件過大!");
   }

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章