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基础语法、dom操作树及document对象
Dec 02 Javascript
JavaScript的removeChild()函数用法详解
Dec 27 Javascript
Javascript技术栈中的四种依赖注入详解
Feb 23 Javascript
jQuery实现下拉框多选 jquery-multiselect 的实例代码
Jul 14 Javascript
React/Redux应用使用Async/Await的方法
Nov 16 Javascript
详解ES6语法之可迭代协议和迭代器协议
Jan 13 Javascript
js经验分享 JavaScript反调试技巧
Mar 10 Javascript
p5.js实现斐波那契螺旋的示例代码
Mar 22 Javascript
jQuery实现仿京东防抖动菜单效果示例
Jul 06 jQuery
layer.alert自定义关闭回调事件的方法
Sep 27 Javascript
JS中==、===你分清楚了吗
Mar 04 Javascript
Vue脚手架编写试卷页面功能
Mar 17 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
剧场版动画《PSYCHO-PASS 3 FIRST INSPECTOR》3月27日日本上映!
2020/03/06 日漫
PHP在字符断点处截断文字的实现代码
2011/04/21 PHP
PHP的Yii框架中View视图的使用进阶
2016/03/29 PHP
ThinkPHP like模糊查询,like多匹配查询,between查询,in查询,一般查询书写方法
2018/09/26 PHP
PHP+redis实现微博的推模型案例分析
2019/07/10 PHP
php中Swoole的热更新实现代码实例
2021/03/04 PHP
Jquery之美中不足小结
2011/02/16 Javascript
jQuery学习笔记之jQuery动画效果
2013/09/09 Javascript
常用Javascript函数与原型功能收藏(必看篇)
2016/10/09 Javascript
详解JavaScript的BUG和错误
2018/05/07 Javascript
webstorm中配置nodejs环境及npm的实例
2018/05/15 NodeJs
Promise.all中对于reject的处理方法
2018/08/01 Javascript
微信小程序按钮点击跳转页面详解
2019/05/06 Javascript
Angular2实现的秒表及改良版示例
2019/05/10 Javascript
基于js判断浏览器是否支持webGL
2020/04/18 Javascript
[02:10]三分钟回顾完美世界城市挑战赛
2019/01/24 DOTA
python实现字典(dict)和字符串(string)的相互转换方法
2017/03/01 Python
PyQt5 实现字体大小自适应分辨率的方法
2019/06/18 Python
python3射线法判断点是否在多边形内
2019/06/28 Python
django用户登录验证的完整示例代码
2019/07/21 Python
python opencv 图像边框(填充)添加及图像混合的实现方法(末尾实现类似幻灯片渐变的效果)
2020/03/09 Python
Django中从mysql数据库中获取数据传到echarts方式
2020/04/07 Python
Python函数的迭代器与生成器的示例代码
2020/06/18 Python
Python识别验证码的实现示例
2020/09/30 Python
苏宁红孩子母婴商城:redbaby
2017/02/12 全球购物
香蕉共和国工厂店:Banana Republic Factory
2018/06/09 全球购物
Michael Kors加拿大官网:购买设计师手袋、手表、鞋子、服装等
2019/03/16 全球购物
计算机系毕业生推荐信
2013/11/06 职场文书
校园安全广播稿
2014/02/08 职场文书
渔夫的故事教学反思
2014/02/14 职场文书
《囚绿记》教学反思
2014/03/01 职场文书
股份合作协议书范本
2014/04/14 职场文书
美食节目策划方案
2014/05/31 职场文书
服务理念标语
2014/06/18 职场文书
开展批评与自我批评发言材料
2014/10/17 职场文书
2016个人先进事迹材料范文
2016/03/01 职场文书