js 判断附件后缀的简单实现方法

177 阅读 0 评论 117 点赞

我是靠谱客的博主爱听歌日记本，最近开发中收集的这篇文章主要介绍js 判断附件后缀的简单实现方法，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

实例如下：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>js 判断附件后缀的简单实现方法</title>
<script type="text/javascript">
//3、（字符）检查文件上传表单控件，如果含有[jpg,jpeg,gif,png]则显示“文件类型合法”，否则“显示文件类型错误”
 
function checkFileExt(filename)
{
 var flag = false; //状态
 var arr = ["jpg","png","gif"];
 //取出上传文件的扩展名
 var index = filename.lastIndexOf(".");
 var ext = filename.substr(index+1);
 //循环比较
 for(var i=0;i<arr.length;i++)
 {
 if(ext == arr[i])
 {
  flag = true; //一旦找到合适的，立即退出循环
  break;
 }
 }
 //条件判断
 if(flag)
 {
 alert("文件名合法");
 }else
 {
 alert("文件名不合法");
 }
}
 
</script>
</head>
 
<body>
<form name="form1" method="post" enctype="multipart/form-data">
上传头像：<input type="file" name="uploadFile" onChange="checkFileExt(this.value)" />
</form>
<input type="button" value="返回上一页" onClick="javascript：history.go(-1)" />
</body>
</html>

以上就是小编为大家带来的js 判断附件后缀的简单实现方法全部内容了，希望大家多多支持脚本之家~