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前端上传的文件进行类型大小判断,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持!