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调试工具(下载)
Jan 09 Javascript
ModelDialog JavaScript模态对话框类代码
Apr 17 Javascript
js indexOf()定义和用法
Oct 21 Javascript
关于JavaScript的面向对象和继承有利新手学习
Jan 11 Javascript
IE 下Enter提交表单存在重复提交问题的解决方法
May 04 Javascript
php读取sqlite数据库入门实例代码
Jun 25 Javascript
JavaScript jQuery 中定义数组与操作及jquery数组操作
Dec 18 Javascript
深入理解jquery中的事件与动画
May 24 Javascript
移动端js触摸事件详解
Sep 18 Javascript
使用jquery给指定的table动态添加一行、删除一行
Oct 13 Javascript
jQuery实现ajax无刷新分页页码控件
Feb 28 Javascript
ES6之模版字符串的具体使用
May 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
建立文件交换功能的脚本(二)
2006/10/09 PHP
Ha0k 0.3 PHP 网页木马修改版
2009/10/11 PHP
PHP Cookie的使用教程详解
2013/06/03 PHP
php strrpos()与strripos()函数
2013/08/31 PHP
php遍历目录方法小结
2015/03/10 PHP
PHP实现git部署的方法教程
2017/12/19 PHP
Jquery 获取对象的几种方式介绍
2014/01/17 Javascript
键盘上一张下一张兼容IE/google/firefox等浏览器
2014/01/28 Javascript
js的Prototype属性解释及常用方法
2014/05/08 Javascript
什么是 AngularJS?AngularJS简介
2014/12/06 Javascript
jQuery自动添加表单项的方法
2015/07/13 Javascript
微信小程序 后台登录(非微信账号)实例详解
2017/03/31 Javascript
underscore之Collections_动力节点Java学院整理
2017/07/10 Javascript
封装运动框架实战左右与上下滑动的焦点轮播图(实例)
2017/10/17 Javascript
vue+iview写个弹框的示例代码
2017/12/05 Javascript
详解关于vue-area-linkage走过的坑
2018/06/27 Javascript
Vue项目全局配置页面缓存之按需读取缓存的实现详解
2018/08/01 Javascript
vue路由前进后退动画效果的实现代码
2018/12/10 Javascript
Vue.js递归组件实现组织架构树和选人功能
2019/07/04 Javascript
Vue 3.0 全家桶抢先体验
2020/04/28 Javascript
vuex的使用步骤
2021/01/06 Vue.js
实践Python的爬虫框架Scrapy来抓取豆瓣电影TOP250
2016/01/20 Python
python清理子进程机制剖析
2017/11/23 Python
Python实现霍夫圆和椭圆变换代码详解
2018/01/12 Python
图解Python变量与赋值
2018/04/03 Python
python3 读写文件换行符的方法
2018/04/09 Python
pandas每次多Sheet写入文件的方法
2018/12/10 Python
Django网络框架之创建虚拟开发环境操作示例
2019/06/06 Python
Python 复平面绘图实例
2019/11/21 Python
Tensorflow加载Vgg预训练模型操作
2020/05/26 Python
HTML5中5个简单实用的API
2014/04/28 HTML / CSS
普通院校学生的自荐信
2013/11/27 职场文书
销售简历自我评价
2014/01/24 职场文书
淘宝活动总结范文
2014/06/26 职场文书
合作意向书怎么写
2019/06/24 职场文书
Python使用random模块实现掷骰子游戏的示例代码
2021/04/29 Python