js获取判断上传文件后缀名的示例代码

 更新时间:2014年02月19日 09:51:20   作者:  
本篇文章主要是对js获取判断上传文件后缀名的示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
复制代码 代码如下:

function lastname(){
 //获取欲上传的文件路径
var filepath = document.getElementById("file1").value;
//为了避免转义反斜杠出问题,这里将对其进行转换
var re = /(\\+)/g;
var filename=filepath.replace(re,"#");
//对路径字符串进行剪切截取
var one=filename.split("#");
//获取数组中最后一个,即文件名
var two=one[one.length-1];
//再对文件名进行截取,以取得后缀名
var three=two.split(".");
 //获取截取的最后一个字符串,即为后缀名
var last=three[three.length-1];
//添加需要判断的后缀名类型
var tp ="jpg,gif,bmp,JPG,GIF,BMP";
//返回符合条件的后缀名在字符串中的位置
var rs=tp.indexOf(last);
//如果返回的结果大于或等于0,说明包含允许上传的文件类型
if(rs>=0){
 return true;
 }else{
 alert("您选择的上传文件不是有效的图片文件!");
 return false;
  }
}

备注说明:
1.先将该脚本保存成一个JS文件,然后包含到上传文件的页面当中;
2.在上传页面的表单中加入onsubmit="return lastname()"

相关文章

  • asp错误 '80040e21' 多步 OLE DB 操作产生错误

    asp错误 '80040e21' 多步 OLE DB&nbs

    今天在写asp入库操作的时候提示Microsoft OLE DB Provider for ODBC Drivers 错误 80040e21 多步 OLE DB 操作产生错误,请检查每个 OLE DB 状态值,经测试时函数定义文件没有加载导致类型不对,所以无法入库
    2023-05-05
  • 用JS操作FRAME中的IFRAME及其内容的实现代码

    用JS操作FRAME中的IFRAME及其内容的实现代码

    一直都需要这样的东西,发现了这个好东西,一定要研究下
    2008-07-07
  • 基于Bootstrap 3 JQuery及RegExp的表单验证功能

    基于Bootstrap 3 JQuery及RegExp的表单验证功能

    这篇文章主要介绍了基于Bootstrap 3 JQuery及RegExp的表单验证功能,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-02-02
  • JS读取cookies信息(记录用户名)

    JS读取cookies信息(记录用户名)

    很多网站、博客把网页生成html静态页面了,以利于搜索引擎的索引排名,减轻服务器负担。静态页面由于其稳定快速更快,给用户及站长带来了方便。但评论后如何记住用户的信息呢
    2012-01-01
  • js实现AI五子棋人机大战

    js实现AI五子棋人机大战

    这篇文章主要为大家详细介绍了js实现AI五子棋人机大战,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-12-12
  • js实现时钟定时器

    js实现时钟定时器

    这篇文章主要为大家详细介绍了js实现时钟定时器,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-03-03
  • 让多个输入框中的内容同时变化的js代码

    让多个输入框中的内容同时变化的js代码

    怎么样让多个输入框中的内容同时变化?一般又要兼容IE与firefox
    2010-01-01
  • 详解ES6系列之私有变量的实现

    详解ES6系列之私有变量的实现

    这篇文章主要介绍了详解ES6系列之私有变量的实现,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-11-11
  • 获取dom元素那些讨厌的位置封装代码

    获取dom元素那些讨厌的位置封装代码

    你还在为offset,scroll,inner,client,screen,mouse发愁吗? 头都大了。而且各个浏览器方法还不太一样。所以往往很浪费我们的时间。 于是我产生了写一个方法用户 专门获取这样的数据。
    2010-06-06
  • JSON生成Form表单的方法示例

    JSON生成Form表单的方法示例

    JSON表单是一个基于React的抽象组件,它可以把JSON数据格式描述的表单转换成项目中的表单,这篇文章主要介绍了JSON生成Form表单的方法示例,感兴趣的小伙伴们可以参考一下
    2018-11-11

最新评论