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

 更新时间:2016年10月11日 12:26:54   投稿:jingxian  
下面小编就为大家带来一篇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 判断附件后缀的简单实现方法全部内容了,希望大家多多支持脚本之家~

相关文章

  • JS实现前端分页效果

    JS实现前端分页效果

    这篇文章主要为大家详细介绍了JS实现前端分页效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-08-08
  • javascript算法解数独实现方案示例

    javascript算法解数独实现方案示例

    这篇文章主要为大家介绍了javascript算法解数独实现方案示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-08-08
  • JS实现图片放大缩小的方法

    JS实现图片放大缩小的方法

    这篇文章主要介绍了JS实现图片放大缩小的方法,结合实例形式分析了javascript动态操作页面元素属性的相关技巧,需要的朋友可以参考下
    2017-02-02
  • JavaScript中的几种继承方法示例

    JavaScript中的几种继承方法示例

    这篇文章主要给大家介绍了关于JavaScript中的几种继承方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-12-12
  • js调用百度地图及调用百度地图的搜索功能

    js调用百度地图及调用百度地图的搜索功能

    本文给大家介绍js调用百度地图的方法以及调用百度地图的搜索功能,有需要的朋友可以跟着脚本之家的小编一起学习
    2015-09-09
  • js中回调函数的学习笔记

    js中回调函数的学习笔记

    这篇文章主要介绍了js中回调函数的相关知识,需要的朋友可以参考下
    2014-07-07
  • 原生js实现简单轮播图效果

    原生js实现简单轮播图效果

    这篇文章主要为大家详细介绍了原生js实现简单轮播图效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09
  • JavaScript是如何实现继承的(六种方式)

    JavaScript是如何实现继承的(六种方式)

    大多OO语言都支持两种继承方式: 接口继承和实现继承 ,而ECMAScript中无法实现接口继承,ECMAScript只支持实现继承,而且其实现继承主要是依靠原型链来实现,下文给大家技术js实现继承的六种方式,需要的朋友参考下
    2016-03-03
  • JavaScript中Hoisting详解 (变量提升与函数声明提升)

    JavaScript中Hoisting详解 (变量提升与函数声明提升)

    函数声明和变量声明总是被JavaScript解释器隐式地提升(hoist)到包含他们的作用域的最顶端。下面这篇文章主要给大家介绍了关于JavaScript中Hoisting(变量提升与函数声明提升)的相关资料,需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-08-08
  • js操作输入框中选择内容兼容IE及其他主流浏览器

    js操作输入框中选择内容兼容IE及其他主流浏览器

    这篇文章主要介绍了js如何操作输入框中选择的内容兼容IE及其他主流浏览器,需要的朋友可以参考下
    2014-04-04

最新评论