fileupload控件文件类型客户端验证实现代码

更新时间：2009年11月07日 00:27:23 作者：

客户端JS验证fileupload控件，设置只允许特定的文件类型，当然服务器端更要判断啊。这里是为了后台验证的更顺利。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>无标题页</title> <script type="text/javascript" language="javascript"> function CheckFileType() { var objButton=document.getElementById("Button1");//上传按钮 var objFileUpload=document.getElementById('FileUpload1');//FileUpload var objMSG=document.getElementById('msg');//显示提示信息用的DIV var FileName=new String(objFileUpload.value);//文件名 var extension=new String (FileName.substring(FileName.lastIndexOf(".")+1,FileName.length));//文件扩展名 if(extension=="jpg"||extension=="JPG")//你可以添加扩展名 { objButton.disabled=false;//启用上传按钮 objMSG.innerHTML=""; } else { objButton.disabled=true;//禁用上传按钮 objMSG.innerHTML="请选择正确的文件文件"; } } </script> </head> <body> <form id="form1" runat="server"> <div> <div id="msg"></div> <asp:Button ID="Button1" runat="server" Text="上传" Enabled="False" />  <asp:FileUpload ID="FileUpload1" runat="server" onChange="javascript:CheckFileType();" /> </div> </form> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

利用es6 new.target来对模拟抽象类的方法
这篇文章主要介绍了利用es6 new.target来对模拟抽象类的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2019-05-05
微信小程序 textarea 层级过高问题简单解决方案
这篇文章主要介绍了微信小程序 textarea 层级过高问题解决方案,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2019-10-10
JS实现可展开折叠层的鼠标拖曳效果
这篇文章主要介绍了JS实现可展开折叠层的鼠标拖曳效果,具有展开折叠层及实时显示鼠标坐标位置的功能,具有一定参考借鉴价值,需要的朋友可以参考下
2015-10-10
js+canvas实现简单扫雷小游戏
这篇文章主要为大家详细介绍了js+canvas实现简单扫雷小游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-02-02
JS new操作原理及手写函数模拟实现示例
这篇文章主要为大家介绍了JS new操作原理及手写函数模拟实现示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-07-07
js实现瀑布流触底动态加载数据
这篇文章主要为大家详细介绍了js实现瀑布流触底动态加载数据，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-09-09
JavaScript删除对象的不必要的属性
这篇文章主要给大家介绍了JavaScript删除对象的不必要的属性，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2021-10-10
js实现时分秒倒计时
这篇文章主要为大家详细介绍了js实现时分秒倒计时，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-12-12
使用AutoJs实现微信抢红包的代码
这篇文章主要介绍了使用AutoJs实现微信抢红包的代码,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2020-12-12
分享一道关于闭包、bind和this的面试题
这篇文章主要给大家介绍了一道关于闭包bind、this的面试题，文中给出了详细的示例代码，需要的朋友可以参考借鉴，下面来一起看看吧。
2017-02-02