提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

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

JavaScript思路 实现 使用 有效 是否 检查 扩展名
2023-06-13 09:14:45 时间

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

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

复制代码代码如下:

<asp:FileUploadID="FileUpload1"runat="server"/>
<asp:ButtonID="btnUpload"runat="server"Text="Upload"OnClientClick="returnValidateFile()"/>

上面的HTML的Button按钮有一个OnClientClick事件，那是JavaScript的脚本方法：
复制代码代码如下:

<scripttype="text/javascript">
varvalidFilesTypes=["png","jpg","jpeg","gif"];

functionValidateFile(){
varfile=document.getElementById("<%=FileUpload1.ClientID%>");
varfilePath=file.value;
varext=filePath.substring(filePath.lastIndexOf(".")+1,filePath.length).toLowerCase();

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

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

returnisValidFile;
}
</script>

Demo:

 

相关文章