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 相关文章推荐
JavaScript在IE中“意外地调用了方法或属性访问”
Nov 19 Javascript
JavaScript中使用构造函数实现继承的代码
Aug 12 Javascript
javascript 拖动表格行实现代码
May 05 Javascript
javascript setTimeout和setInterval计时的区别详解
Jun 21 Javascript
js格式化货币数据实现代码
Sep 04 Javascript
JavaScript实现Java中StringBuffer的方法
Feb 09 Javascript
JavaScript实现列表分页功能特效
May 15 Javascript
JS弹出对话框实现方法(三种方式)
Dec 18 Javascript
微信小程序 小程序制作及动画(animation样式)详解
Jan 06 Javascript
Angular 1.x个人使用的经验小结
Jul 19 Javascript
Vue 2.5 Level E 发布了: 新功能特性一览
Oct 24 Javascript
TensorFlow.js 微信小程序插件开始支持模型缓存的方法
Feb 21 Javascript
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
php中将数组转成字符串并保存到数据库中的函数代码
2013/09/29 PHP
php下载文件超时时间的设置方法
2016/10/06 PHP
推荐自用 Javascript 缩图函数 (onDOMLoaded)……
2007/10/23 Javascript
checkbox使用示例
2013/08/23 Javascript
js截取小数点后几位的写法
2013/11/14 Javascript
javascript实现详细时间提醒信息效果的方法
2015/03/11 Javascript
javascript实现百度地图鼠标滑动事件显示、隐藏
2015/04/02 Javascript
jQuery插件Tooltipster实现漂亮的工具提示
2015/04/12 Javascript
在JavaScript中操作时间之getYear()方法的使用教程
2015/06/11 Javascript
javascript跨域方法、原理以及出现问题解决方法(详解)
2015/08/06 Javascript
jquery性能优化高级技巧
2015/08/24 Javascript
jQuery处理XML文件的几种方法
2016/06/14 Javascript
基于ES6 Array.of的用法(实例讲解)
2017/09/05 Javascript
Mpvue中使用Vant Weapp组件库的方法步骤
2019/05/16 Javascript
Angular中innerHTML标签的样式不起作用的原因解析
2019/06/18 Javascript
jquery向后台提交数组的代码分析
2020/02/20 jQuery
JavaScript设计模式--桥梁模式引入操作实例分析
2020/05/23 Javascript
使用FastCGI部署Python的Django应用的教程
2015/07/22 Python
Pyhton中单行和多行注释的使用方法及规范
2016/10/11 Python
利用python实现简单的邮件发送客户端示例
2017/12/23 Python
在pycharm中实现删除bookmark
2020/02/14 Python
Python通用唯一标识符uuid模块使用案例
2020/09/10 Python
Django Admin后台模型列表页面如何添加自定义操作按钮
2020/11/11 Python
python安装sklearn模块的方法详解
2020/11/28 Python
CSS3使用多列制作瀑布流
2016/05/10 HTML / CSS
CSS3制作苹果风格键盘特效
2015/02/26 HTML / CSS
网购亚洲时装、美容产品和生活百货:YesStyle
2016/09/15 全球购物
法国票务网站:Ticketmaster法国
2018/07/09 全球购物
The North Face北面德国官网:美国著名户外品牌
2018/12/12 全球购物
简单说说tomcat的配置
2013/05/28 面试题
单身联谊活动方案
2014/01/29 职场文书
硕士生工作推荐信
2014/03/07 职场文书
软件工程毕业生自荐信
2014/07/04 职场文书
异地恋情人节寄语
2015/02/28 职场文书
综合素质评价自我评价
2015/03/06 职场文书
MySQL 自动填充 create_time 和 update_time
2022/05/20 MySQL