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 相关文章推荐
QQ邮箱的一个文本编辑器代码
Mar 14 Javascript
javascript prototype 原型链
Mar 12 Javascript
打造个性化的功能强大的Jquery虚拟键盘(VirtualKeyboard)
Oct 11 Javascript
jQuery浏览器CSS3特写兼容实例
Jan 19 Javascript
JavaScript学习小结之使用canvas画“哆啦A梦”时钟
Jul 24 Javascript
利用jQuery插件imgAreaSelect实现图片上传裁剪(同步显示图像位置信息)
Dec 02 Javascript
Vue.js仿Metronic高级表格(一)静态设计
Apr 17 Javascript
深入理解Angular中的依赖注入
Jun 26 Javascript
vue 中swiper的使用教程
May 22 Javascript
Vue SPA单页应用首屏优化实践
Jun 28 Javascript
vue项目使用高德地图的定位及关键字搜索功能的实例代码(踩坑经验)
Mar 07 Javascript
Openlayers实现测量功能
Sep 25 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 程序员也要学会使用“异常”
2009/06/16 PHP
基于PHP magic_quotes_gpc的使用方法详解
2013/06/24 PHP
PHP中nowdoc和heredoc使用需要注意的一点
2014/03/21 PHP
Javascript面象对象成员、共享成员变量实验
2010/11/19 Javascript
jQuery UI 实现email输入提示实例
2013/08/15 Javascript
Javascript实现滚动图片新闻的实例代码
2013/11/27 Javascript
jQuery实现自动与手动切换的滚动新闻特效代码分享
2015/08/27 Javascript
整理Javascript流程控制语句学习笔记
2015/11/29 Javascript
简单谈谈vue的过渡动画(推荐)
2017/10/11 Javascript
快速解决vue-cli不能初始化webpack模板的问题
2018/03/20 Javascript
动态加载、移除js/css文件的示例代码
2018/03/20 Javascript
基于React+Redux的SSR实现方法
2018/07/03 Javascript
Vue 与 Vuex 的第一次接触遇到的坑
2018/08/16 Javascript
vue 左滑删除功能的示例代码
2019/01/28 Javascript
微信小程序实现手势滑动卡片效果
2019/08/26 Javascript
js String.prototype.trim字符去前后空格的扩展
2020/08/23 Javascript
微信小程序pinker组件使用实现自动相减日期
2020/05/07 Javascript
js实现文章目录索引导航(table of content)
2020/05/10 Javascript
详解ES6数组方法find()、findIndex()的总结
2020/05/12 Javascript
[02:20]DOTA2中文配音宣传片
2013/05/22 DOTA
python中stdout输出不缓存的设置方法
2014/05/29 Python
Python 不同对象比较大小示例探讨
2014/08/21 Python
Python 装饰器使用详解
2017/07/29 Python
Python实现将数据框数据写入mongodb及mysql数据库的方法
2018/04/02 Python
解决Mac安装scrapy失败的问题
2018/06/13 Python
python文件操作之批量修改文件后缀名的方法
2018/08/10 Python
python使用scrapy发送post请求的坑
2018/09/04 Python
详解pandas安装若干异常及解决方案总结
2019/01/10 Python
Python函数的默认参数设计示例详解
2019/12/01 Python
python模拟点击在ios中实现的实例讲解
2020/11/26 Python
日本最大的彩色隐形眼镜销售网站:CharmColor
2020/09/09 全球购物
节能减排倡议书
2014/04/15 职场文书
抄袭同学作业检讨书1000字
2014/11/20 职场文书
2016高校自主招生自荐信范文
2016/01/28 职场文书
英语教学课后反思
2016/02/15 职场文书
Nginx tp3.2.3 404问题解决方案
2021/03/31 Servers