判斷input上傳檔案型別,檔案大小,input獲取的size為位元組,判斷大小的時候需要把限制大小轉換為位元組
//input標簽添加Onchange事件
<input type="file" id="kjzylj" name="kjzylj" onchange="getFile(this)">
//JS部分
function getFile(val) {
var file = val.files[0];//獲取檔案物件
var type = file.name.split('.')[1];//獲取檔案型別
type=type.toLowerCase();//轉換為小寫
if (getTypeCode(type)==0){
toastr.warning("檔案型別不符合規定!");
return;
}
if (!checkFileSize(getTypeCode(type),file.size)){
toastr.warning("檔案過大!");
return;
}
]
//獲取檔案型別
function getTypeCode(type) {
switch (type) {
case 'doc':
return 1;
break;
case 'docx':
return 2;
break;
case 'xls':
return 3;
break;
case 'xlsx':
return 4;
break;
case 'ppt':
return 5;
break;
case 'pptx':
return 6;
break;
case 'txt':
return 7;
break;
case 'pdf':
return 8;
break;
case 'mp4':
return 9;
break;
case 'mp3':
return 10;
break;
default :
return 0;
}
}
//獲取檔案大小
/*
* type=檔案型別
* size=檔案大小
* */
function checkFileSize(type,size) {
//檢查上傳檔案的大小
if (type<9){
if (size>52428800){
//檔案類檔案大于50M
return 0;
}
}else if (type==9){
if (size>1073741824){
//視頻檔案大于1G
return 0;
}
}else{
if (size>209715200){
//音頻檔案大于200M
return 0;
}
}
return 1;
}
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/117363.html
標籤:JavaScript
下一篇:JavaScript與函式式編程
