JS自定义函数对web前端上传的文件进行类型大小判断
废话不多说了直接给大家贴js代码了。具体代码如下所示：
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<title>web前端对上传的文件进行类型大小判断的js自定义函数</title>
</head>
<body>
<form>
<inputtype="file"id="fileId">
<inputtype="button"value="提交"onclick="checkFileSizeAndType(10*1024*1024,['gif','jpg','png'],'fileId');">
</form>
<script>
//参数说明
//maxSize代表允许最大上传的文件大小，单位是字节
//allowType代表允许上传的文件类型（后缀）
//fileId代表inputtype=file框的id
functioncheckFileSizeAndType(maxSize,allowType,fileId){
//默认大小
if(!maxSize){
maxSize=10*1024*1024;
}
//默认类型
if(!allowType){
allowType=newArray('jpg','png');
}
//js通过id获取上传的文件对象
varfile=document.getElementById(fileId);
vartypes=allowType;
varfileInfo=file.files[0];
if(!fileInfo){
alert("请选择文件！");
returnfalse;
}
varfileName=fileInfo.name;
//获取文件后缀名
varfile_typename=fileName.substring(
fileName.lastIndexOf('.')+1,fileName.length);
//定义标志是否可以提交上传
varisUpload=true;
//定义一个错误参数：1代表大小超出2代表类型不支持
varerrNum=0;
if(fileInfo){
if(fileInfo.size>maxSize){
isUpload=false;
errNum=1;
}else{
for(variintypes){
if(types[i]==file_typename){
isUpload=true;
returnisUpload;
}else{
isUpload=false;
errNum=2;
}
}
}
}
//对错误的类型进行对应的提示
if(!isUpload){
if(errNum==1){
varsize=maxSize/1024/1024;
alert("上传的文件必须为小于"+size+"M的图片！");
}elseif(errNum==2){
alert("上传的"+file_typename+"文件类型不支持！只支持"+types.toString()+"格式");
}else{
alert("没有选择文件");
}
file.value="";
returnisUpload;
}
}
</script>
</body>
</html>
以上所述是小编给大家介绍的JS自定义函数对web前端上传的文件进行类型大小判断，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！