JavaScript 判断上传文件的格式和大小
程序员文章站
2022-04-03 16:51:47
...
话不多说 直接上代码：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>上传文件判断文件后缀名和文件大小</title>
</head>
<body>
<form action="" method="post" id="form_sub" enctype="multipart/form-data">
<input type="file" id="upload" onChange="getFile(this.value)">
<input type="button" value="上传" onClick="onclick()">
</form>
</body>
<script>
function getFile(filename){
var flag = false; //定义状态
var attr = ["jpg","jpeg","ico","png","gif"];//定义后缀名的数组集合
var maxSize = 1024*1024*2;//定义文件的最大的大小：2M
var file = document.getElementById("upload").files;
var fileSize = file[0].size;//获取文件的大小
var index = filename.lastIndexOf(".");//获取后缀名
var ext =filename.substr(index+1);//从 . 的下标后一位开始截取 即为扩展文件名
//循环判断后缀名是否与数组中的相同
for(var i=0;i<attr.length;i++){
if(ext==attr[i]){
flag=true;
break;
}
}
//判断大小
if(flag && fileSize<=maxSize){
alert("选择图片成功！");
}else{
alert("请选择格式（jpg,jpeg,ico,png,gif）正确大小小于等于2M的图片！");
$("#upload").val("");
}
}
</script>
</html>