作家
登录

利用javascript/jquery对上传文件格式过滤的方法

作者: 来源:www.28hudong.com 2013-03-30 02:27:12 阅读 我要评论

复制代码 代码如下: <!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(){ $("#DataReport").click(function(){ //上传文件不能为空,格式必须为xsl和xlsx var flag=true; var fileObject=$("input[name='file']"); var filepath=$("input[name='file']").val(); if(filepath==undefined||$.trim(filepath)==""){ fileObject.focus().next().text("请选择上传文件!"); 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().next().text("上传文件必须为Excel文件!"); flag=false; }else{ fileObject.next().text(""); } } //进行其他相关校验 if(flag){ alert("文件上传成功"); } }); }); // --></script> </head> <body> <form action="#" method="POST" enctype="multipart/form-data"> <div><input type="file" name="file"><span class='errorInfo'></span></div> <div><input type="button" value="上传" id="DataReport"></div> </form> </body> </html> 注:在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"> <div><input type="file" id="file"><span id="error" class='errorInfo'></span></div> <div><input type="button" value="上传" id="DataReport" onclick="validateFile()"></div> </form> </body> </html>

  推荐阅读

  JavaScript 设计模式学习 Factory

复制代码 代码如下: /* DisplayModule interface. */ var DisplayModule = new Interface('DisplayModule', ['append', 'remove', 'clear']); /* ListDisplay class. */ //通过接口实现工厂,这是通过List方式显示>>>详细阅读


本文标题:利用javascript/jquery对上传文件格式过滤的方法

地址:http://www.17bianji.com/kaifa2/JS/28369.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)