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下操作css的float属性的特殊写法
Aug 22 Javascript
自己动手手写jQuery插件总结
Jan 20 Javascript
AngularJS入门教程之服务(Service)
Jul 27 Javascript
Javascript发送AJAX请求实例代码
Aug 21 Javascript
Vue.js一个文件对应一个组件实践
Oct 27 Javascript
通过bootstrap全面学习less
Nov 09 Javascript
vue中appear的用法
Aug 17 Javascript
Node使用Sequlize连接Mysql报错:Access denied for user ‘xxx’@‘localhost’
Jan 03 Javascript
vue项目中公用footer组件底部位置的适配问题
May 10 Javascript
vue 1.0 结合animate.css定义动画效果
Jul 11 Javascript
解决layui弹框失效的问题
Sep 09 Javascript
Vue使用NProgress进度条的方法
Sep 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的POSIX 函数以及进程测试的深入分析
2013/06/03 PHP
浅析关于PHP位运算的简单权限设计
2013/06/30 PHP
ThinkPHP实现一键清除缓存方法
2014/06/26 PHP
PHP闭包函数传参及使用外部变量的方法
2016/03/15 PHP
PHP文件管理之实现网盘及压缩包的功能操作
2017/09/20 PHP
jquery 点击元素后,滚动条滚动至该元素位置的方法
2016/08/05 Javascript
微信JS SDK接入的几点注意事项(必看篇)
2017/06/23 Javascript
在react-router4中进行代码拆分的方法(基于webpack)
2018/03/08 Javascript
vue移动端轻量级的轮播组件实现代码
2018/07/12 Javascript
Bootstarp在pycharm中的安装及简单的使用方法
2019/04/19 Javascript
vue+eslint+vscode配置教程
2019/08/09 Javascript
[03:45]Newbee战队出征西雅图 决战2016国际邀请赛
2016/08/02 DOTA
在Python的Django框架中创建和使用模版
2015/07/15 Python
Django中URLconf和include()的协同工作方法
2015/07/20 Python
Python复制文件操作实例详解
2015/11/10 Python
简单谈谈Python中的json与pickle
2017/07/19 Python
python编程培训 python培训靠谱吗
2018/01/17 Python
Python切片操作实例分析
2018/03/16 Python
对python中Librosa的mfcc步骤详解
2019/01/09 Python
Python基于Logistic回归建模计算某银行在降低贷款拖欠率的数据示例
2019/01/23 Python
Python list列表中删除多个重复元素操作示例
2019/02/27 Python
12个步骤教你理解Python装饰器
2019/07/01 Python
keras tensorflow 实现在python下多进程运行
2020/02/06 Python
解决import tensorflow as tf 出错的原因
2020/04/16 Python
Python 忽略文件名编码的方法
2020/08/01 Python
在Python中实现字典反转案例
2020/12/05 Python
htnl5利用svg页面高斯模糊的方法
2018/07/20 HTML / CSS
jurlique茱莉蔻英国官网:澳洲天然护肤品
2018/08/03 全球购物
Myprotein荷兰官网:欧洲第一运动营养品牌
2020/07/11 全球购物
新浪微博实习心得体会
2014/01/27 职场文书
公司年会搞笑主持词
2014/03/24 职场文书
2014副局长群众路线对照检查材料思想汇报
2014/09/22 职场文书
教师党员个人剖析材料
2014/09/29 职场文书
自我推荐信怎么写
2015/03/24 职场文书
apache ftpserver搭建ftp服务器
2022/05/20 Servers
浅谈Redis变慢的原因及排查方法
2022/06/21 Redis