时间:2021-07-01 10:21:17 帮助过:54人阅读
注:在head中加入jquery的引入语句,博客还是会过滤掉引入的js文件。
javascript中对上传文件格式过滤的方法:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style><!-- .errorInfo{ color:red; padding-left:5px; } --></style><style bogus="1"> .errorInfo{ color:red; padding-left:5px; }</style> <script type="text/javascript"><!-- function validateFile(){ var flag=true; var fileObject=document.getElementById("file"); var errorObject=document.getElementById("error"); var filepath=fileObject.value; if(filepath==undefined||filepath==""){ fileObject.focus(); errorObject.innerText="请选择上传文件!"; flag=false; }else{ var fileArr=filepath.split("\\"); var fileTArr=fileArr[fileArr.length-1].toLowerCase().split("."); var filetype=fileTArr[fileTArr.length-1]; if(filetype!="xls"&&filetype!="xlsx"){ fileObject.focus(); errorObject.innerText="上传文件必须为Excel文件!"; flag=false; }else{ errorObject.innerText=""; } } //进行其他相关校验 if(flag){ alert("文件上传成功"); } } // --></script> </head> <body> <form action="#" method="POST" enctype="multipart/form-data"> <p><input type="file" id="file"><span id="error" class='errorInfo'></span></p> <p><input type="button" value="上传" id="DataReport" onclick="validateFile()"></p> </form> </body> </html>
相信看了本文案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!
推荐阅读:
jQuery插件Tocify动态节点实现目录菜单
jQuery解析XML文件与动态增加js文件如何实现
以上就是JS/jquery上传文件格式过滤步骤详解的详细内容,更多请关注Gxl网其它相关文章!