JavaScript检测上传文件大小的方法
本文实例讲述了JavaScript检测上传文件大小的方法。分享给大家供大家参考。具体如下:
通过JS客户端代码限制用户上传文件的大小,但是客户端的验证只是辅助的,服务器端一定还要再做验证
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <metaname="DEscription"contect="mycodedemo"/> <metaname="Author"contect="Michael@jb51.net"/> <metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/> <title>jscheckfilesize@jb51.net</title> </head> <body> <imgid="tempimg"dynsrc=""src=""style="display:none"/> <inputtype="file"name="file"id="fileuploade"size="40"/> <inputtype="button"name="check"value="checkfilesize"onclick="checkfile()"/> </body> <scripttype="text/javascript"> varmaxsize=2*1024*1024;//2M varerrMsg="上传的附件文件不能超过2M!!!"; vartipMsg="您的浏览器暂不支持计算上传文件的大小,确保上传文件不要超过2M,建议使用IE、FireFox、Chrome浏览器。"; varbrowserCfg={}; varua=window.navigator.userAgent; if(ua.indexOf("MSIE")>=1){ browserCfg.ie=true; }elseif(ua.indexOf("Firefox")>=1){ browserCfg.firefox=true; }elseif(ua.indexOf("Chrome")>=1){ browserCfg.chrome=true; } functioncheckfile(){ try{ varobj_file=document.getElementById("fileuploade"); if(obj_file.value==""){ alert("请先选择上传文件"); return; } varfilesize=0; if(browserCfg.firefox||browserCfg.chrome){ filesize=obj_file.files[0].size; }elseif(browserCfg.ie){ varobj_img=document.getElementById('tempimg'); obj_img.dynsrc=obj_file.value; filesize=obj_img.fileSize; }else{ alert(tipMsg); return; } if(filesize==-1){ alert(tipMsg); return; }elseif(filesize>maxsize){ alert(errMsg); return; }else{ alert("文件大小符合要求"); return; } }catch(e){ alert(e); } } </script> </html>
希望本文所述对大家的javascript程序设计有所帮助。