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脚本函数库 方便开发
Oct 13 Javascript
JS随机生成不重复数据的实例方法
Jul 17 Javascript
移动节点的jquery代码
Jan 13 Javascript
js怎么覆盖原有方法实现重写
Sep 04 Javascript
js实现圆盘记速表
Aug 03 Javascript
学习JavaScript正则表达式
Nov 13 Javascript
实例详解AngularJS实现无限级联动菜单
Jan 15 Javascript
你不需要jQuery(三) 新AJAX方法fetch()
Jun 14 Javascript
函数式编程入门实践(一)
Apr 20 Javascript
axios实现简单文件上传功能
Sep 25 Javascript
解决Idea、WebStorm下使用Vue cli脚手架项目无法使用Webpack别名的问题
Oct 11 Javascript
vue在路由中验证token是否存在的简单实现
Nov 11 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实现天干地支计算器示例
2014/03/14 PHP
遍历echsop的region表形成缓存的程序实例代码
2016/11/01 PHP
php mysql获取表字段名称和字段信息的三种方法
2016/11/13 PHP
ThinkPHP like模糊查询,like多匹配查询,between查询,in查询,一般查询书写方法
2018/09/26 PHP
jquery 应用代码 方便的排序功能
2010/02/06 Javascript
Json对象替换字符串占位符实现代码
2010/11/17 Javascript
js对象的比较
2011/02/26 Javascript
javascript学习笔记(二)数组和对象部分
2014/09/30 Javascript
提升PHP安全:8个必须修改的PHP默认配置
2014/11/17 Javascript
jQuery标签编辑插件Tagit使用指南
2015/04/21 Javascript
JS常见问题之为什么点击弹出的i总是最后一个
2016/01/05 Javascript
详解vue.js2.0父组件点击触发子组件方法
2017/05/10 Javascript
Node.js v8.0.0正式发布!看看带来了哪些主要新特性
2017/06/02 Javascript
Angular 5.0 来了! 有这些大变化
2017/11/15 Javascript
微信小程序使用车牌号输入法的示例代码
2019/08/20 Javascript
微信小程序实现同时上传多张图片
2020/02/03 Javascript
JavaScript使用prototype属性实现继承操作示例
2020/05/22 Javascript
从零开始在vue-cli4配置自适应vw布局的实现
2020/06/08 Javascript
[03:49]2016完美“圣”典风云人物:AMS专访
2016/12/06 DOTA
在Python中处理列表之reverse()方法的使用教程
2015/05/21 Python
python实现用户答题功能
2018/01/17 Python
Python 记录日志的灵活性和可配置性介绍
2018/02/27 Python
用pandas按列合并两个文件的实例
2018/04/12 Python
python利用插值法对折线进行平滑曲线处理
2018/12/25 Python
Python如何爬取微信公众号文章和评论(基于 Fiddler 抓包分析)
2019/06/28 Python
真正了解CSS3背景下的@font face规则
2017/05/04 HTML / CSS
英国汽车和货车租赁网站:Hertz英国
2016/09/02 全球购物
《桂花雨》教学反思
2014/04/12 职场文书
2014全年工作总结
2014/11/27 职场文书
中班下学期幼儿评语
2014/12/30 职场文书
党员自我评价2015
2015/03/03 职场文书
三八妇女节新闻稿
2015/07/17 职场文书
教师节获奖感言
2015/07/31 职场文书
教师学习心得体会范文
2016/01/21 职场文书
《作风建设永远在路上》心得体会
2016/01/21 职场文书
一文搞懂Java中的注解和反射
2022/06/21 Java/Android