jquery实现上传文件大小类型的验证例子(推荐)
jquery实现上传文件大小类型的验证例子(推荐)
<!DOCTYPEhtml> <html> <head> <metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/> <scriptsrc="jquery1.8/jquery-1.8.0.js"type="text/javascript"></script> <scripttype="text/javascript"> $(document).ready(function(){ $("#myFile").change(function(){ varfilepath=$("input[name='myFile']").val(); varextStart=filepath.lastIndexOf("."); varext=filepath.substring(extStart,filepath.length).toUpperCase(); if(ext!=".BMP"&&ext!=".PNG"&&ext!=".GIF"&&ext!=".JPG"&&ext!=".JPEG"){ alert("图片限于bmp,png,gif,jpeg,jpg格式"); $("#fileType").text("") $("#fileSize").text(""); returnfalse; }else{$("#fileType").text(ext)} varfile_size=0; if($.browser.msie){ varimg=newImage(); img.src=filepath; while(true){ if(img.fileSize>0){ if(img.fileSize>3*1024*1024){ alert("图片不大于100MB。"); }else{ varnum03=img.fileSize/1024; num04=num03.toFixed(2) $("#fileSize").text(num04+"KB"); } break; } } }else{ file_size=this.files[0].size; varsize=file_size/1024; if(size>10240){ alert("上传的图片大小不能超过10M!"); }else{ varnum01=file_size/1024; num02=num01.toFixed(2); $("#fileSize").text(num02+"KB"); } } returntrue; }); }); </script> <title>无标题文档</title> </head> <body> <tablewidth="500"cellspacing="0"cellpadding="0"> <tr> <tdwidth="72"id="fileType"> </td> <tdwidth="242"> <inputtype="file"name="myFile"id="myFile"/> </td> <tdwidth="184"id="fileSize"class="fileSize"> </td> </tr> </table> </body> </html>
以上就是小编为大家带来的jquery实现上传文件大小类型的验证例子(推荐)全部内容了,希望大家多多支持毛票票~