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 相关文章推荐
jQuery.get、jQuery.getJSON、jQuery.post无法返回JSON问题的解决方法
Jul 28 Javascript
js鼠标点击事件在各个浏览器中的写法及Event对象属性介绍
Jan 24 Javascript
get(0).tagName获得作用标签示例代码
Oct 08 Javascript
js实现温度计时间样式代码分享
Aug 21 Javascript
jQuery实现下拉加载功能实例代码
Apr 01 Javascript
JavaScript中绑定事件的三种方式及去除绑定
Nov 05 Javascript
JQuery Ajax 异步操作之动态添加节点功能
May 24 jQuery
Vue修改mint-ui默认样式的方法
Feb 03 Javascript
JavaScript中字符串的常用操作方法及特殊字符
Mar 18 Javascript
JavaScript实现动态生成表格
Aug 02 Javascript
详解Vue 的异常处理机制
Nov 30 Vue.js
js制作提示框插件
Dec 24 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
re0第二季蕾姆被制作组打入冷宫!艾米莉亚女主扶正,原因唏嘘
2020/04/02 日漫
PHP聊天室技术
2006/10/09 PHP
IIS6.0中配置php服务全过程解析
2013/08/07 PHP
PHP字符串中特殊符号的过滤方法介绍
2014/02/18 PHP
在win7中搭建Linux+PHP 开发环境
2014/10/08 PHP
Laravel中扩展Memcached缓存驱动实现使用阿里云OCS缓存
2015/02/10 PHP
smarty学习笔记之常见代码段用法总结
2016/03/19 PHP
PHP删除二维数组中相同元素及数组重复值的方法示例
2017/05/05 PHP
php在linux环境中如何使用redis详解
2020/12/15 PHP
AJAX架构之Dojo篇
2007/04/10 Javascript
解决3.01版的jquery.form.js中文乱码问题的解决方法
2012/03/08 Javascript
js实现鼠标悬浮给图片加边框的方法
2015/01/30 Javascript
简述jQuery ajax的执行顺序
2016/01/05 Javascript
AngularJS中的过滤器filter用法完全解析
2016/04/22 Javascript
原生js实现自由拖拽弹窗代码demo
2016/06/29 Javascript
详解利用 Vue.js 实现前后端分离的RBAC角色权限管理
2017/09/15 Javascript
vue项目中跳转到外部链接的实例讲解
2018/09/20 Javascript
使用JS获取页面上的所有标签
2018/10/18 Javascript
JS实现移动端可折叠导航菜单(现代都市风)
2020/07/07 Javascript
js实现列表按字母排序
2020/08/11 Javascript
前端如何实现动画过渡效果
2021/02/05 Javascript
使用Django的模版来配合字符串翻译工作
2015/07/27 Python
使用python3 实现插入数据到mysql
2020/03/02 Python
CSS3教程(8):CSS3透明度指南
2009/04/02 HTML / CSS
非常震撼的纯CSS3人物行走动画
2016/02/24 HTML / CSS
怎样创建、运行java程序
2014/08/01 面试题
do you have any Best Practice for testing
2016/06/04 面试题
提拔干部考察材料
2014/05/26 职场文书
优秀实习生主要事迹
2014/05/29 职场文书
关于保护环境的标语
2014/06/09 职场文书
施工安全责任书范本
2014/07/24 职场文书
2014年医药代表工作总结
2014/11/22 职场文书
通过Qt连接OpenGauss数据库的详细教程
2021/06/23 PostgreSQL
CentOS7安装GlusterFS集群以及相关配置
2022/04/12 Servers
类和原型的设计模式之复制与委托差异
2022/07/07 Javascript
SpringBoot详解自定义Stater的应用
2022/07/15 Java/Android