js 判断附件后缀的简单实现方法
实例如下:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>js 判断附件后缀的简单实现方法</title> <script type="text/javascript"> //3、(字符)检查文件上传表单控件,如果含有[jpg,jpeg,gif,png]则显示“文件类型合法”,否则“显示文件类型错误” function checkFileExt(filename) { var flag = false; //状态 var arr = ["jpg","png","gif"]; //取出上传文件的扩展名 var index = filename.lastIndexOf("."); var ext = filename.substr(index+1); //循环比较 for(var i=0;i<arr.length;i++) { if(ext == arr[i]) { flag = true; //一旦找到合适的,立即退出循环 break; } } //条件判断 if(flag) { alert("文件名合法"); }else { alert("文件名不合法"); } } </script> </head> <body> <form name="form1" method="post" enctype="multipart/form-data"> 上传头像:<input type="file" name="uploadFile" onChange="checkFileExt(this.value)" /> </form> <input type="button" value="返回上一页" onClick="javascript:history.go(-1)" /> </body> </html>
以上就是小编为大家带来的js 判断附件后缀的简单实现方法全部内容了,希望大家多多支持我们~
相关推荐
-
js获取判断上传文件后缀名的示例代码
复制代码 代码如下: function lastname(){ //获取欲上传的文件路径var filepath = document.getElementById("file1").value; //为了避免转义反斜杠出问题,这里将对其进行转换var re = /(\\+)/g; var filename=filepath.replace(re,"#");//对路径字符串进行剪切截取var one=filename.split("#");//获
-
js判断上传文件后缀名是否合法
本文实例介绍了js判断上传文件后缀名是否合法的详细代码,分享给大家供大家参考,具体内容如下 效果图: 选择文件 选择1.jpg文件 上传成功合法 除图片文件格式以外,其他都是不合法的操作. 具体代码: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>判断文件上传是否合法</tit
-
js 判断附件后缀的简单实现方法
实例如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>js 判断附件后缀的简单实现方法</title> <script type="text/javascript"> //3.(字符)检查文件上传表单控件,如果含有[jpg,jpeg,g
-
js 判断各种数据类型的简单方法(推荐)
了解js的都知道, 有个typeof 用来判断各种数据类型,有两种写法:typeof xxx ,typeof(xxx) 如下实例: typeof 2 输出 number typeof null 输出 object typeof {} 输出 object typeof [] 输出 object typeof (function(){}) 输出 function typeof undefined 输出 und
-
js判断checkbox是否选中个数的方法(超简单)
实例如下: <SCRIPT LANGUAGE="JavaScript"> //判断同类型 function checkboxnum(){ var form = document.forms['formbj1']; var i,j=0; for (i=0; i<form.length; i++){ var e=form[i]; if (e.checked && e.type=='checkbox' && e.name=='bjid[]')
-
JS判断字符串是否为整数的方法--简单的正则判断
是否为整数 if(!/^\d+$/.test(str)) alert("不是整数"); } 1.正则表达式 "^\\d+$" //非负整数(正整数 + 0) "^[0-9]*[1-9][0-9]*$" //正整数 "^((-\\d+)|(0+))$" //非正整数(负整数 + 0) "^-[0-9]*[1-9][0-9]*$" //负整数 "^-?\\d+$" //整数 "^\
-
JS判断图片是否加载完成方法汇总(最新版)
有时需要获取图片的尺寸,这需要在图片加载完成以后才可以.下面小编给大家整理了几种关于JS判断图片是否加载完成方法汇总,一起看看吧. 一.load事件 <script type="text/javascript"> $('img').onload = function() { //code } </script> 优点:简单易用,不影响HTML代码. 缺点:只能指定一个元素,javascipt代码必须置于图片元素的下方 二.jquery方法 <script
-
JS之获取样式的简单实现方法(推荐)
基本代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> div{ color:yellow; } </style> </head> <body> <div style="width:100
-
js判断子窗体是否关闭的方法
本文实例讲述了js判断子窗体是否关闭的方法.分享给大家供大家参考.具体如下: function InsideMessageAdd() { //window.open()得到子窗体 tip = OpenDialog('UploadFile.html?tp=nbtz', 'msg', 650, 180); //启动timer,判断子窗体是否关闭 timer = window.setInterval("IfWindowClosed()", 500); } var timer; var tip
-
JS判断页面是否出现滚动条的方法
本文实例讲述了JS判断页面是否出现滚动条的方法.分享给大家供大家参考.具体如下: var isScroll = function (el) { // test targets var elems = el ? [el] : [document.documentElement, document.body]; var scrollX = false, scrollY = false; for (var i = 0; i < elems.length; i++) { var o = elems[i]
-
JS自定义对象创建与简单使用方法示例
本文实例讲述了JS自定义对象创建与简单使用方法.分享给大家供大家参考,具体如下: <html> <head> <title>js自定义函数</title> <meta charset="UTF-8"/> <script type="text/javascript"> //创建自定义对象 //方法一: // var obj=new Object(); //方法二 var obj={}; obj.n
-
Vue.js响应式数据的简单实现方法(一看就会)
目录 引言 基本概念 副作用函数 响应式数据 响应式数据的基本实现 实现思路 初步实现尝试 完善响应系统 泛化副作用函数名 修复漏洞 总结 引言 在Vue.js之中,Vue会自动跟踪JavaScript状态变化并在状态发生改变时响应式地更新DOM,这就是Vue.js的两大核心功能之一——响应性,是每一个Vue.js框架使用者必须熟练掌握的的功能.而得益于Vue.js自身支持的声明式渲染,Vue.js的学习成本大大降低,就算是一个前端领域的小白,只要能看懂并简单使用基本的HTML.JavaScri
随机推荐
- C语言程序设计50例(经典收藏)
- Vue form 表单提交+ajax异步请求+分页效果
- JS HTML5实现拖拽移动列表效果
- CMD下读取/修改/删除注册表项的方法
- javascript编程起步(第二课)
- 微信小程序 页面跳转传参详解
- 创建Web项目的Docker镜像实例讲解
- javascript 实现 秒杀,团购 倒计时展示的记录 分享
- 用Javascript 编写可以缓慢弹出收缩的层
- 在Javascript中为String对象添加trim,ltrim,rtrim方法
- 精彩回顾!Visual Studio 2017正式版发布全纪录
- CodeIgniter输出中文乱码的两种解决办法
- 基于php缓存的详解
- Java经验点滴:处理没有被捕获的异常
- mysql命令行如何操作
- javascript 可以拖动的DIV(二)
- 利用node.js爬取指定排名网站的JS引用库详解
- Javascript实时柱状图实现代码
- Java基础知识之Java语言概述
- 使用Web Uploader实现多文件上传