JS简单验证上传文件类型的方法

 更新时间:2017年04月17日 11:31:34   作者:xyzqiang  
这篇文章主要介绍了JS简单验证上传文件类型的方法,涉及javascript文件遍历及字符串截取、匹配等相关操作技巧,需要的朋友可以参考下

本文实例讲述了JS简单验证上传文件类型的方法。分享给大家供大家参考,具体如下:

function checkType(){
 //得到上传文件的值
 var fileName=document.getElementById("file_logo").value;
 //返回String对象中子字符串最后出现的位置.
 var seat=fileName.lastIndexOf(".");
 //返回位于String对象中指定位置的子字符串并转换为小写.
 var extension=fileName.substring(seat).toLowerCase();
 //判断允许上传的文件格式
 //if(extension!=".jpg"&&extension!=".jpeg"&&extension!=".gif"&&extension!=".png"&&extension!=".bmp"){
 //alert("不支持"+extension+"文件的上传!");
 //return false;
 //}else{
 //return true;
 //}
 var allowed=[".jpg",".gif",".png",".jpeg"];
 for(var i=0;i<allowed.length;i++){
   if(!(allowed[i]!=extension)){
     return true;
   }
 }
 alert("不支持"+extension+"格式");
 return false;
}

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript表单(form)操作技巧大全》、《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript错误与调试技巧总结》及《JavaScript数学运算用法总结

希望本文所述对大家JavaScript程序设计有所帮助。

相关文章

  • JavaScript 面向对象基础简单示例

    JavaScript 面向对象基础简单示例

    这篇文章主要介绍了JavaScript 面向对象基础,结合简单实例形式分析了JavaScript面向对象程序设计中类的定义、类方法与属性相关操作技巧,需要的朋友可以参考下
    2019-10-10
  • JavaScript基础知识及常用方法总结

    JavaScript基础知识及常用方法总结

    JAVASCRIPT是AJAX技术中不可或缺的一部分,所以想学好AJAX以及现在流行的AJAX框架,学好JAVASCRIPT是最重要的,通过本篇文章给大家介绍javascript基础知识及常用方法总结,对js基础知识及常用方法相关知识感兴趣的朋友一起学习吧
    2016-01-01
  • 纯JS焦点图特效实例(可一个页面多用)

    纯JS焦点图特效实例(可一个页面多用)

    下面小编就为大家带来一篇纯JS焦点图特效实例(可一个页面多用)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-12-12
  • JavaScript显示当然日期和时间即年月日星期和时间

    JavaScript显示当然日期和时间即年月日星期和时间

    使用js显示当然日期和时间在网页中很是常见,方法有很多,不过多说大同小异,下面有个不错的示例,需要的朋友可以感受下
    2013-10-10
  • 微信小程序功能之全屏滚动效果的实现代码

    微信小程序功能之全屏滚动效果的实现代码

    最近小编做项目遇到这样的需求,要求实现一个全屏滚动的效果,在网上找了实例代码,但是不是很完美,小编又结合自己的知识给大家补充下,对微信小程序全屏滚动效果的实例代码感兴趣的朋友参考下本文吧
    2018-11-11
  • iframe里的页面禁止右键事件的方法

    iframe里的页面禁止右键事件的方法

    这篇文章主要介绍了iframe里的页面禁止右键事件的方法,需要的朋友可以参考下
    2014-06-06
  • 使用echarts饼状图label既在内部显示数值(百分比),又显示外部指示线

    使用echarts饼状图label既在内部显示数值(百分比),又显示外部指示线

    这篇文章主要介绍了使用echarts饼状图label既在内部显示数值(百分比),又显示外部指示线问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-03-03
  • Javascript必知必会(四)js类型转换

    Javascript必知必会(四)js类型转换

    这篇文章主要介绍了Javascript必知必会(四)js类型转换 的相关资料,非常不错具有参考借鉴价值,需要的朋友可以参考下
    2016-06-06
  • JavaScript闭包与作用域链实例分析

    JavaScript闭包与作用域链实例分析

    这篇文章主要介绍了JavaScript闭包与作用域链,结合实例形式分析了javascript闭包的具体概念、功能、并对比作用域链分析了闭包的相关使用技巧与注意事项,需要的朋友可以参考下
    2019-01-01
  • JavaScript实现99乘法表及隔行变色实例代码

    JavaScript实现99乘法表及隔行变色实例代码

    最近做了个项目是要求实现99乘法表隔行变色,本文给大家分享通过多种方式实现js 99 乘法表,感兴趣的朋友一起看看吧
    2016-02-02

最新评论