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 相关文章推荐
safari,opera嵌入iframe页面cookie读取问题解决方法
Jun 23 Javascript
jQuery.get、jQuery.getJSON、jQuery.post无法返回JSON问题的解决方法
Jul 28 Javascript
自动设置iframe大小的jQuery代码
Sep 11 Javascript
指定区域的图片自动按比例缩小的js代码(防止页面被图片撑破)
Feb 21 Javascript
JavaScript获取鼠标移动时的坐标(兼容IE8、chome谷歌、Firefox)
Sep 13 Javascript
深入解读JavaScript中的Iterator和for-of循环
Jul 28 Javascript
基于JavaScript创建动态Dom
Dec 08 Javascript
基于jQuery实现以手风琴方式展开和折叠导航菜单
Jan 28 Javascript
使用pcs api往免费的百度网盘上传下载文件的方法
Mar 17 Javascript
浅谈让你的代码更简短,更整洁,更易读的ES6小技巧
Oct 25 Javascript
详解vue-router数据加载与缓存使用总结
Oct 29 Javascript
原生JS封装拖动验证滑块的实现代码示例
Jun 01 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 Mysql编程之高级技巧
2008/08/27 PHP
将字符串转换成gb2312或者utf-8编码的参数(js版)
2013/04/10 Javascript
javascript解决IE6下hover问题的方法
2015/07/28 Javascript
jquery 表单验证之通过 class验证表单不为空
2015/11/02 Javascript
jQuery学习笔记之Ajax用法实例详解
2015/12/01 Javascript
全面解析Bootstrap图片轮播效果
2015/12/03 Javascript
JavaScript函数中关于valueOf和toString的理解
2016/06/14 Javascript
js实现消息滚动效果
2017/01/18 Javascript
js获取json中key所对应的value值的简单方法
2020/06/17 Javascript
js 两数组去除重复数值的实例
2017/12/06 Javascript
vue底部加载更多的实例代码
2018/06/29 Javascript
Puppeteer环境搭建的详细步骤
2018/09/21 Javascript
浅谈vue项目4rs vue-router上线后history模式遇到的坑
2018/09/27 Javascript
微信小程序实现带缩略图轮播效果
2018/11/04 Javascript
手把手带你封装一个vue component第三方库
2019/02/14 Javascript
thinkjs微信中控之微信鉴权登陆的实现代码
2019/08/08 Javascript
Swiper.js实现移动端元素左右滑动
2019/09/08 Javascript
[41:08]2014 DOTA2国际邀请赛中国区预选赛 HGT VS NE
2014/05/22 DOTA
python读写文件操作示例程序
2013/12/02 Python
在Python中使用NLTK库实现对词干的提取的教程
2015/04/08 Python
Python绘制正余弦函数图像的方法
2018/08/28 Python
python实现大转盘抽奖效果
2019/01/22 Python
Python装饰器限制函数运行时间超时则退出执行
2019/04/09 Python
Python编程实现tail-n查看日志文件的方法
2019/07/08 Python
jupyter notebook 多环境conda kernel配置方式
2020/04/10 Python
如何使用 Flask 做一个评论系统
2020/11/27 Python
Python基于argparse与ConfigParser库进行入参解析与ini parser
2021/02/02 Python
8款使用 CSS3 实现超炫的 Loading(加载)的动画效果
2015/03/17 HTML / CSS
Nordgreen美国官网:在线购买极简主义斯堪的纳维亚手表
2019/07/24 全球购物
Vinatis德国:法国领先的葡萄酒邮购公司
2020/09/07 全球购物
护士的自我鉴定
2014/02/07 职场文书
致跳远运动员加油稿
2014/02/11 职场文书
小学生爱国演讲稿
2014/04/25 职场文书
2015年库房工作总结
2015/04/30 职场文书
给校长的建议书范文
2015/09/14 职场文书
java中如何截取字符串最后一位
2022/07/07 Java/Android