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: