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 相关文章推荐
ext读取两种结构的xml的代码
Nov 05 Javascript
jquery each()源代码
Feb 14 Javascript
理清apply(),call()的区别和关系
Aug 14 Javascript
JavaScript中的面向对象介绍
Jun 30 Javascript
gridpanel动态加载数据的实例代码
Jul 18 Javascript
JS 实现图片直接下载示例代码
Jul 22 Javascript
Javascript 命名空间模式
Nov 01 Javascript
JavaScript 学习笔记之语句
Jan 14 Javascript
详解Angular-cli生成组件修改css成less或sass的实例
Jul 27 Javascript
JavaScript监听手机物理返回键的两种解决方法
Aug 14 Javascript
微信小程序6位或多位验证码密码输入框功能的实现代码
May 29 Javascript
webpack4 配置 ssr 环境遇到“document is not defined”
Oct 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
Windows IIS PHP 5.2 安装与配置方法
2009/06/08 PHP
PDO实现学生管理系统
2020/03/21 PHP
JS加ASP二级域名转向的代码
2007/05/17 Javascript
js停止输出代码
2008/07/20 Javascript
简单时间提示DEMO从0开始一直进行计时
2013/11/19 Javascript
Javascript 遍历页面text控件详解
2014/01/06 Javascript
jquery 页面滚动到底部自动加载插件集合
2014/01/31 Javascript
javascript修改IMG标签的src问题
2014/03/28 Javascript
node.js中的fs.lchown方法使用说明
2014/12/16 Javascript
javascript中cookie对象用法实例分析
2015/01/30 Javascript
JS中字符串trim()使用示例
2015/05/26 Javascript
jquery实现实时改变网页字体大小、字体背景色和颜色的方法
2015/08/05 Javascript
基于javascript实现浏览器滚动条快到底部时自动加载数据
2015/11/30 Javascript
jQuery+json实现的简易Ajax调用实例
2015/12/14 Javascript
下雪了 javascript实现雪花飞舞
2020/08/02 Javascript
最丑的时钟效果!js canvas时钟制作方法
2016/08/15 Javascript
String字符串截取的四种方式总结
2016/11/28 Javascript
node实现简单的反向代理服务器
2017/07/26 Javascript
浅谈用Webpack路径压缩图片上传尺寸获取的问题
2018/02/22 Javascript
Python上传package到Pypi(代码简单)
2016/02/06 Python
Python进阶-函数默认参数(详解)
2017/05/18 Python
Python实现学生成绩管理系统
2020/04/05 Python
Python 基于FIR实现Hilbert滤波器求信号包络详解
2020/02/26 Python
Python random库使用方法及异常处理方案
2020/03/02 Python
python使用matplotlib绘制折线图的示例代码
2020/09/22 Python
使用简单的CSS3属性实现炫酷读者墙效果
2014/01/08 HTML / CSS
Lookfantastic法国官网:英国知名美妆购物网站
2017/10/28 全球购物
Joie官方网上商店:购买服装和女装配饰
2018/06/05 全球购物
椰子猫砂:CatSpot
2018/08/27 全球购物
eharmony澳大利亚:网上约会服务
2020/02/29 全球购物
资料员的岗位职责
2013/11/20 职场文书
酒店管理毕业生自我鉴定
2014/03/02 职场文书
绿色小区申报材料
2014/08/22 职场文书
2015年党员个人自我评价
2015/03/03 职场文书
MySQL学习之基础命令实操总结
2022/03/19 MySQL
Java 多线程协作作业之信号同步
2022/05/11 Java/Android