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

日落沧海看夕阳,万丈霞光谱辉煌。轻叹美景难留住,只因月色要锋芒!你在桥上看风景,看风景的人在桥下看你。你只知道自己吃了韭菜盒子,却不知道别人在盒子里还加了鸡蛋。

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

在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:

到此这篇关于FileUpload使用Javascript检查扩展名是否有效实现思路就介绍到这了。你我都是宇宙间一粒微尘,细小却圣洁,俯仰无愧于天地,取舍叩问过良心,可以安心地睡,快乐地醒,无憾地死,这何尝不是最美的人生!更多相关FileUpload使用Javascript检查扩展名是否有效实现思路内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

您可能有感兴趣的文章
C#中的FileUpload 选择后的预览效果具体实现

FileUpload 控件禁止手动输入的方法

ABP框架中导航菜单的使用及JavaScript API获取菜单的方法

javascript操作ASP.NET服务器控件

AJAX JavaScript反射机制的介绍