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 相关文章推荐
5秒后跳转效果(setInterval/SetTimeOut)
May 03 Javascript
node.js中的Socket.IO使用实例
Nov 04 Javascript
jQuery使用$.ajax进行异步刷新的方法(附demo下载)
Dec 04 Javascript
jquery radio的取值_radio的选中_radio的重置方法
Sep 20 Javascript
js编写的treeview使用方法
Nov 11 Javascript
JS组件系列之Gojs组件 前端图形化插件之利器
Nov 29 Javascript
Vue.js+Layer表格数据绑定与实现更新的实例
Mar 07 Javascript
深入浅析Vue.js中 computed和methods不同机制
Mar 22 Javascript
vue 进阶之实现父子组件间的传值
Apr 26 Javascript
JavaScript 截取字符串代码实例
Sep 05 Javascript
在vue+element ui框架里实现lodash的debounce防抖
Nov 13 Javascript
聊聊JS ES6中的解构
Apr 29 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环境配置 php5 MySQL5 apache2 phpmyadmin安装与配置图文教程
2007/03/16 PHP
PHP 数字左侧自动补0
2008/03/31 PHP
调整优化您的LAMP应用程序的5种简单方法
2011/06/26 PHP
彻底删除thinkphp3.1案例blog标签的方法
2014/12/05 PHP
PHP多维数组遍历方法(2种实现方法)
2015/12/10 PHP
简单的pgsql pdo php操作类实现代码
2016/08/25 PHP
PHP实现支持加盐的图片加密解密
2016/09/09 PHP
PHP页面输出时js设置input框的选中值
2016/09/30 PHP
Jquery跨域获得Json时invalid label错误的解决办法
2011/01/11 Javascript
js实现ArrayList功能附实例代码
2014/10/29 Javascript
DOM节点深度克隆函数cloneNode()用法实例
2015/01/12 Javascript
谈谈encodeURI和encodeURIComponent以及escape的区别与应用
2015/11/24 Javascript
js 上传文件预览的简单实例
2016/08/16 Javascript
NodeJS远程代码执行
2016/08/28 NodeJs
JavaScript中最常用的10种代码简写技巧总结
2017/06/28 Javascript
layerUI下的绑定事件实例代码
2018/08/17 Javascript
JS Object.preventExtensions(),Object.seal()与Object.freeze()用法实例分析
2018/08/25 Javascript
在node中使用jwt签发与验证token的方法
2019/04/03 Javascript
[02:46]2014DOTA2国际邀请赛 选手为你解读比赛MVP充满梦想
2014/07/09 DOTA
[20:39]DOTA2-DPC中国联赛 正赛开幕式 1月18日
2021/03/11 DOTA
Python自定义函数的创建、调用和函数的参数详解
2014/03/11 Python
python使用pil生成图片验证码的方法
2015/05/08 Python
PyCharm代码格式调整方法
2018/05/23 Python
tensorflow学习教程之文本分类详析
2018/08/07 Python
Python 给屏幕打印信息加上颜色的实现方法
2019/04/24 Python
Django表单提交后实现获取相同name的不同value值
2020/05/14 Python
Debenhams爱尔兰:英国知名的百货公司
2017/01/02 全球购物
俄罗斯香水和化妆品网上商店:NOTINO.ru
2019/12/17 全球购物
Servlet的生命周期
2013/08/25 面试题
应届大学生简历中的自我评价
2014/01/15 职场文书
销售人员获奖感言
2014/02/05 职场文书
周年庆促销方案
2014/03/15 职场文书
婚礼新人答谢词
2015/01/04 职场文书
酒店辞职书怎么写
2015/02/26 职场文书
全国爱眼日活动总结
2015/02/27 职场文书
使用 Koa + TS + ESLlint 搭建node服务器的过程详解
2022/05/30 NodeJs