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


Posted in Javascript onApril 17, 2017

本文实例讲述了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 相关文章推荐
js CSS操作方法集合
Oct 31 Javascript
基于jquery的商品展示放大镜
Aug 07 Javascript
jquery ajax学习笔记2 使用XMLHttpRequest对象的responseXML
Oct 16 Javascript
精心挑选的12款优秀的基于jQuery的手风琴效果插件和教程
Aug 22 Javascript
JavaScript中的typeof操作符用法实例
Apr 05 Javascript
javascript实现节点(div)名称编辑
Dec 17 Javascript
Javascript实现单张图片浏览
Dec 18 Javascript
jQuery简单实现中间浮窗效果
Sep 04 Javascript
node.js缺少mysql模块运行报错的解决方法
Nov 13 Javascript
vue.js实现单选框、复选框和下拉框示例
Jul 18 Javascript
js下拉菜单生成器dropMenu使用方法详解
Aug 01 Javascript
jquery插件懒加载的示例
Oct 24 jQuery
JavaScript实现的商品抢购倒计时功能示例
Apr 17 #Javascript
巧用weui.topTips验证数据的实例
Apr 17 #Javascript
JS与jQuery实现子窗口获取父窗口元素值的方法
Apr 17 #jQuery
bootstrap select插件封装成Vue2.0组件
Apr 17 #Javascript
JS简单获取当前日期和农历日期的方法
Apr 17 #Javascript
Vue.js仿Metronic高级表格(一)静态设计
Apr 17 #Javascript
react.js CMS 删除功能的实现方法
Apr 17 #Javascript
You might like
仿AS3实现PHP 事件机制实现代码
2011/01/27 PHP
Php Ctemplate引擎开发相关内容
2012/03/03 PHP
JS控制表格实现一条光线流动分割行的方法
2015/03/09 Javascript
jQuery自定义滚动条完整实例
2016/01/08 Javascript
Servlet实现文件上传,可多文件上传示例
2016/12/05 Javascript
如何解决hover在ie6中的兼容性问题
2016/12/15 Javascript
jQuery实现花式轮播之圣诞节礼物传送效果
2016/12/25 Javascript
javascript容错处理代码(屏蔽js错误)
2017/01/20 Javascript
Javascript继承机制详解
2017/05/30 Javascript
Angular实现图片裁剪工具ngImgCrop实践
2017/08/17 Javascript
原生JS上传大文件显示进度条 php上传文件代码
2020/03/27 Javascript
详解如何实现一个简单的Node.js脚手架
2017/12/04 Javascript
通过一次报错详细谈谈Point事件
2018/05/17 Javascript
Element Table的row-class-name无效与动态高亮显示选中行背景色
2018/11/30 Javascript
Node.js创建一个Express服务的方法详解
2020/01/06 Javascript
JavaScript实现简单的图片切换功能(实例代码)
2020/04/10 Javascript
[01:04:01]2014 DOTA2华西杯精英邀请赛5 24 DK VS VG
2014/05/25 DOTA
[04:37]DOTA2英雄梦之声Vol20发条
2014/06/20 DOTA
Python实现的字典值比较功能示例
2018/01/08 Python
python中numpy的矩阵、多维数组的用法
2018/02/05 Python
Django REST framework 如何实现内置访问频率控制
2019/07/23 Python
Win10系统下安装labelme及json文件批量转化方法
2019/07/30 Python
Matplotlib中%matplotlib inline如何使用
2020/07/28 Python
Python爬取豆瓣数据实现过程解析
2020/10/27 Python
Django项目在pycharm新建的步骤方法
2021/03/02 Python
使用HTML5的File实现base64和图片的互转
2013/08/01 HTML / CSS
HTML5中判断横屏竖屏的方法(移动端)
2016/08/04 HTML / CSS
贝斯特韦斯特酒店集团官网:Best Western
2019/01/03 全球购物
科颜氏英国官网:Kiehl’s英国
2019/11/20 全球购物
软件测试常见笔试题
2012/02/04 面试题
冰雪公主观后感
2015/06/16 职场文书
领导视察通讯稿
2015/07/18 职场文书
幼儿园奖惩制度范本
2015/08/05 职场文书
一些让Python代码简洁的实用技巧总结
2021/08/23 Python
python turtle绘图
2022/05/04 Python
Android开发手册自定义Switch开关按钮控件
2022/06/10 Java/Android