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实例教程(19) 使用HoTMetal(2)
Dec 23 Javascript
JavaScript获取GridView中用户点击控件的行号,列号
Apr 14 Javascript
浅析jquery的js图表组件highcharts
Mar 06 Javascript
jQuery scrollFix滚动定位插件
Apr 01 Javascript
基于jquery实现全屏滚动效果
Nov 26 Javascript
AngularJS 服务详细讲解及示例代码
Aug 17 Javascript
JS双击变input框批量修改内容
Dec 12 Javascript
基于Bootstrap实现城市三级联动
Nov 23 Javascript
解决vuecli3中img src 的引入问题
Aug 04 Javascript
js实现批量删除功能
Aug 27 Javascript
解决vant title-active-color与title-inactive-color不生效问题
Nov 03 Javascript
JavaScript分页组件使用方法详解
Jul 26 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
杏林同学录(一)
2006/10/09 PHP
PHP 批量删除 sql语句
2009/06/05 PHP
初学CAKEPHP 基础教程
2009/11/02 PHP
thinkphp制作404跳转页的简单实现方法
2016/09/22 PHP
laravel excel 上传文件保存到本地服务器功能
2019/11/14 PHP
Javascript - HTML的request类
2007/01/09 Javascript
js实现页面打印功能实例代码(附去页眉页脚功能代码)
2009/12/15 Javascript
JavaScript 题型问答有答案参考
2010/02/17 Javascript
映彩衣的js随笔(js图片切换效果)
2011/07/31 Javascript
实现51Map地图接口(示例代码)
2013/11/22 Javascript
JavaScript生成二维码图片小结
2015/12/27 Javascript
Angular中$cacheFactory的作用和用法实例详解
2016/08/19 Javascript
Vue.js组件tree实现无限级树形菜单
2016/12/02 Javascript
原生js实现放大镜效果
2017/01/11 Javascript
完美解决UI-Grid表格元素中多个空格显示为一个空格的问题
2017/04/25 Javascript
[00:10]DOTA2全国高校联赛 以DOTA2会友
2018/05/30 DOTA
Python numpy实现数组合并实例(vstack,hstack)
2018/01/09 Python
对python GUI实现完美进度条的示例详解
2018/12/13 Python
python实现Flappy Bird源码
2018/12/24 Python
对Python之gzip文件读写的方法详解
2019/02/08 Python
Python生成rsa密钥对操作示例
2019/04/26 Python
详解Python Opencv和PIL读取图像文件的差别
2019/12/27 Python
利用PyTorch实现VGG16教程
2020/06/24 Python
Selenium结合BeautifulSoup4编写简单的python爬虫
2020/11/06 Python
Nisbets爱尔兰:英国最大的厨房和餐饮设备供应商
2019/01/26 全球购物
旅游管理实习自我鉴定
2013/09/29 职场文书
思想政治自我鉴定
2013/10/06 职场文书
老师推荐信
2013/10/28 职场文书
开展党的群众路线教育实践活动方案
2014/02/05 职场文书
《要下雨了》教学反思
2014/02/17 职场文书
2015年音乐教学工作总结
2015/07/22 职场文书
《赵州桥》教学反思
2016/02/17 职场文书
正能量励志演讲稿三分钟(范文)
2019/07/11 职场文书
2019年图书室自查报告范本
2019/10/12 职场文书
vue实现移动端div拖动效果
2022/03/03 Vue.js
如何设置多台电脑共享打印机?多台电脑共享打印机的方法
2022/04/08 数码科技