FileUpload使用Javascript检查扩展名是否有效实现思路

更新时间：2013年02月02日 16:08:42 作者：

在JavaScript获取FileUpload控件的文件路径，并取得路径中的文件扩展名,再与阵列中的扩展名比较，如果存在，说明上传的文件是有效的，反之无效,感兴趣的朋友可以了解下，或许对你有所帮助

通用的检查方法。首先定义好有效的文件扩展名，存放在阵列中。

在JavaScript获取FileUpload控件的文件路径，并取得路径中的文件扩展名。再与阵列中的扩展名比较，如果存在，说明上传的文件是有效的，反之无效。

<asp:FileUpload ID="FileUpload1" runat="server" /> 
<asp:Button ID="btnUpload" runat="server" Text="Upload" OnClientClick="return ValidateFile()" />

上面的HTML的Button按钮有一个OnClientClick事件，那是JavaScript的脚本方法：

复制代码代码如下:

<script type="text/javascript"> 
var validFilesTypes = ["png", "jpg", "jpeg", "gif"]; 

function ValidateFile() { 
var file = document.getElementById("<%=FileUpload1.ClientID%>"); 
var filePath = file.value; 
var ext = filePath.substring(filePath.lastIndexOf(".") + 1, filePath.length).toLowerCase(); 

var isValidFile = false; 
for (var i = 0; i < validFilesTypes.length; i++) { 
if (ext == validFilesTypes[i]) { 
isValidFile = true; 
break; 
} 
} 

if (!isValidFile) { 
alert("无效的文件。请上传文件扩展名为：\n\n" + validFilesTypes.join(", ")); 
} 

return isValidFile; 
} 
</script>

Demo:

您可能感兴趣的文章:

Visual Studio 2022智能辅助编码介绍
这篇文章介绍了Visual Studio 2022智能辅助编码，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2021-12-12
Asp.net中阻止页面按钮多次提交的解决办法
这篇文章主要介绍了Asp.net中阻止页面按钮多次提交的解决办法的相关资料,需要的朋友可以参考下
2016-12-12
.Net中实现无限分类的2个例子
这篇文章主要介绍了.Net中实现无限分类的2个例子,本文直接给出实现代码,需要的朋友可以参考下
2015-02-02
在.net项目使用JSONSchema示例详解
这篇文章主要为大家介绍了在.net项目使用JSONSchema的示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-05-05
ASP.NET Core中使用Swagger
这篇文章介绍了ASP.NET Core中使用Swagger的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2022-03-03
.NET Core3.0 日志 logging的实现
这篇文章主要介绍了.NET Core3.0 日志 logging的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-10-10
asp.net 站点URLRewrite使用小记
asp.net的底层运作已经也乱谈过一番，今天记一下URLRewrite的方法。
2009-11-11
windows中允许服务与桌面交互的更改方法示例
这篇文章主要介绍了windows中允许服务与桌面交互的更改方法,需要的朋友可以参考下
2014-02-02
详解如何在ASP.NET Core中应用Entity Framework
本篇文章主要介绍了如何在ASP.NET Core中应用Entity Framework，具有一定的参考价值，有兴趣的可以一起了解一下。
2016-12-12
在.Net Framework应用中请求HTTP2站点的问题解析
随着各大浏览器支持和苹果的带头效应，HTTP2的应用会越来越广泛，但是规模庞大的.NET Framework应用却也不能为了连接HTTP2就升级到NET Core平台。通过本文提供的方案，可以最小成本的实现.NET Framework应用成功访问HTTP2站点，感兴趣的朋友跟随小编一起看看吧
2022-07-07