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需再刷新一下页面才能执行]

您可能感兴趣的文章:

微信小程序实现点赞、取消点赞功能
这篇文章主要为大家详细介绍了微信小程序实现点赞、取消点赞，和多项点击功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2018-11-11
在javascript中如何得到中英文混合字符串的长度
本文为大家介绍下Javascript中如何得到中英文混合字符串的长度，下面有个不错的教程，感兴趣的朋友可以参考下
2014-01-01
JavaScript中的Promise详解
现在网上有非常多的Promise文章，但都是给你一堆代码，或者某些核心代码，让你看完之后感觉，嗯，很厉害，但还是不知所云，不知其所以然。那么本文真正从一个小白开始带你深入浅出，一步一步实现自己的 Promise，这种自己造轮子的过程一定是进步最快的过程，快上车开始吧
2022-11-11
JavaScript Table排序 2.0 (更新)
JavaScript,Table,排序,order,attribute,property,sort,Compare
2009-05-05
JS IE和FF兼容性问题汇总
以下以 IE 代替 Internet Explorer，以 MF 代替 Mozzila FF,对于js爱好者必看的一些知识总结。
2009-02-02
使用JavaScript渲染页面的方法详解
本文主要介绍了使用JavaScript渲染页面的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,感兴趣的小伙伴下面随着小编来一起来学习吧
2023-12-12
提高JavaScript执行效率的23个实用技巧
JavaScript是一门非常流行的编程语言，许多开发者都会把JavaScript选为入门语言，本文向大家分享JavaScript提高执行效率的小技巧、最佳实践等非常实用的内容
2017-03-03
Javascript的异步函数和Promise对象你了解吗
这篇文章主要为大家详细介绍了Javascript异步函数和Promise对象，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助
2022-03-03
JS遍历页面所有对象属性及实现方法
下面小编就为大家带来一篇JS遍历页面所有对象属性及实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-08-08
面包屑导航详解
本篇文章我们从面包屑导航的样式，面包屑导航的代码等方面详细给大家分析了它的作用和设计技巧，如果你有这方便的需要，学习参考下吧。
2017-12-12