当前位置: 移动技术网 > IT编程>开发语言>.net > FileUpload使用Javascript检查扩展名是否有效实现思路

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

2017年12月12日  | 移动技术网IT编程  | 我要评论
通用的检查方法。首先定义好有效的文件扩展名,存放在阵列中。 在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:

 

如您对本文有疑问或者有任何想说的,请点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网