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 相关文章推荐
鼠标右击事件代码(asp.net后台)
Jan 27 Javascript
基于JQuery模仿苹果桌面的Dock效果(初级版)
Oct 15 Javascript
js中数组排序sort方法的原理分析
Nov 20 Javascript
JavaScript从数组中删除指定值元素的方法
Mar 18 Javascript
jQuery设置Cookie及删除Cookie实例分析
Apr 15 Javascript
vue+vuex+axio从后台获取数据存入vuex实现组件之间共享数据
Apr 22 Javascript
解决使用Vue.js显示数据的时,页面闪现原始代码的问题
Feb 11 Javascript
vue中post请求以a=a&amp;b=b 的格式写遇到的问题
Apr 27 Javascript
解决VUE中document.body.scrollTop为0的问题
Sep 15 Javascript
JS实现盒子跟着鼠标移动及键盘方向键控制盒子移动效果示例
Jan 29 Javascript
点击按钮弹出模态框的一系列操作代码实例
Mar 29 Javascript
Vuex 模块化使用详解
Jul 31 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
点评山进PR-D3L三波段收音机
2021/03/02 无线电
把从SQL中取出的数据转化成XMl格式
2006/10/09 PHP
PHP安全配置
2006/12/06 PHP
php中chdir()函数用法实例
2014/11/13 PHP
PHP中通过trigger_error触发PHP错误示例
2015/06/23 PHP
PHP的mysqli_ssl_set()函数讲解
2019/01/23 PHP
jQuery中验证表单提交方式及序列化表单内容的实现
2014/01/06 Javascript
详解Bootstrap glyphicons字体图标
2016/01/04 Javascript
Web 开发中Ajax的Session 超时处理方法
2017/01/19 Javascript
详解Angular的8个主要构造块
2017/06/20 Javascript
Vue 创建组件的两种方法小结(必看)
2018/02/23 Javascript
简化版的vue-router实现思路详解
2018/10/19 Javascript
使用vue-cli webpack 快速搭建项目的代码
2018/11/21 Javascript
微信小程序缓存支持二次开发封装实现解析
2019/12/16 Javascript
JavaScript布尔运算符原理使用解析
2020/05/06 Javascript
jquery实现点击左右按钮切换图片
2021/01/27 jQuery
使用PyInstaller将Python程序文件转换为可执行程序文件
2016/07/08 Python
Python使用arrow库优雅地处理时间数据详解
2017/10/10 Python
Django migrations 默认目录修改的方法教程
2018/09/28 Python
python将字符串以utf-8格式保存在txt文件中的方法
2018/10/30 Python
PyCharm专业最新版2019.1安装步骤(含激活码)
2019/10/09 Python
Pandas+Matplotlib 箱式图异常值分析示例
2019/12/09 Python
Python Lambda函数使用总结详解
2019/12/11 Python
Pytorch释放显存占用方式
2020/01/13 Python
解决导入django_filters不成功问题No module named 'django_filter'
2020/07/15 Python
Python如何批量生成和调用变量
2020/11/21 Python
深入理解HTML的FormData对象
2016/05/17 HTML / CSS
H5混合开发app如何升级的方法
2018/01/10 HTML / CSS
nohup的用法
2012/11/26 面试题
优秀大学生职业生涯规划书
2014/02/27 职场文书
主持人开幕词
2015/01/29 职场文书
团代会邀请函
2015/02/02 职场文书
2019最新企业员工考勤管理制度(通用版)!
2019/07/02 职场文书
适合青年人白手起家的创业项目分享
2019/08/16 职场文书
辞职报告(范文三篇)
2019/08/27 职场文书
写作之关于描写老人的好段摘抄
2019/11/14 职场文书