js 判断文件类型并控制表单提交示例代码


Posted in Javascript onNovember 14, 2013

下面的代码 实现的控制表单提交

function shangchuan(){ var filepath = document.getElementById("file").value; 
alert(filepath); 
if(filepath==""){ 
alert("请选择上传的文件!"); 
document.getElementById("file").disabled=true; 
} 
var extname=filepath.substr(filepath.length-3, filepath.length); 
alert("extname::"+extname); 
//var extname = filepath.substring(filepath.lastIndexOf(".")+1,filepath.length); 
// extname = extname.toLowerCase();//处理了大小写 
if(extname!= "bmp" && extname!= "jpg" && extname!= "gif"){ 
alert("只能上传bmp,jpg,gif格式的图片!"); 
document.getElementById("file").disabled=true; 
} 
else{ 
document.getElementById("file").disabled=false; 
} 
}

<tr> 
<td><input name="file12" style="width:200px; height: 100px;" type="file" id="file" ></td> 
</tr> 
<tr> 
<td align="center"><button onclick="shangchuan()" >点击上传</button></td> 
</tr>
Javascript 相关文章推荐
Prototype使用指南之ajax
Jan 10 Javascript
总结AJAX相关JS代码片段和浏览器模型
Aug 15 Javascript
JavaScript国旗变换效果代码
Aug 13 Javascript
js数组循环遍历数组内所有元素的方法
Jan 18 Javascript
技术男用来对妹子表白的百度首页
Jul 23 Javascript
JS实现控制表格行内容垂直对齐的方法
Mar 30 Javascript
jQuery+PHP+MySQL二级联动下拉菜单实例讲解
Oct 27 Javascript
详解jQuery事件
Jan 13 Javascript
JS获得一个对象的所有属性和方法实例
Feb 21 Javascript
JavaScript闭包和回调详解
Aug 09 Javascript
实战node静态文件服务器的示例代码
Mar 08 Javascript
Vue 中使用lodash对事件进行防抖和节流操作
Jul 26 Javascript
基于jquery实现的文字淡入淡出效果
Nov 14 #Javascript
JQuery实现倒计时按钮具体方法
Nov 14 #Javascript
jquery动态增加删除表格行的小例子
Nov 14 #Javascript
js取消单选按钮选中并判断对象是否为空
Nov 14 #Javascript
Javascript call和apply区别及使用方法
Nov 14 #Javascript
javascript 上下banner替换具体实现
Nov 14 #Javascript
javascript scrollTop正解使用方法
Nov 14 #Javascript
You might like
详细解读php的命名空间(一)
2018/02/21 PHP
jQuery 学习第七课 扩展jQuery的功能 插件开发
2010/05/17 Javascript
Jquery数独游戏解析(一)-页面布局
2010/11/05 Javascript
基于Jquery的简单图片切换效果
2011/01/06 Javascript
鼠标滚轴控制文本框值的JS代码
2013/11/19 Javascript
JavaScript实现的简单幂函数实例
2015/04/17 Javascript
基于Bootstrap重置输入框内容按钮插件
2016/05/12 Javascript
深入分析javascript中console命令
2016/08/14 Javascript
Bootstrap基本插件学习笔记之Alert警告框(20)
2016/12/08 Javascript
vue实现简单的MVVM框架
2018/08/05 Javascript
vue表单自定义校验规则介绍
2018/08/28 Javascript
详解一个基于套接字实现长连接的express
2019/03/28 Javascript
细述Javascript的加法运算符的具体使用
2019/10/18 Javascript
详解Vue3 Teleport 的实践及原理
2020/12/02 Vue.js
[01:02:25]2014 DOTA2华西杯精英邀请赛 5 24 iG VS DK
2014/05/26 DOTA
使用python编写android截屏脚本双击运行即可
2014/07/21 Python
python实现下载整个ftp目录的方法
2017/01/17 Python
Flask模拟实现CSRF攻击的方法
2018/07/24 Python
python+webdriver自动化环境搭建步骤详解
2019/06/03 Python
快速解决jupyter notebook启动需要密码的问题
2020/04/21 Python
python中remove函数的踩坑记录
2021/01/04 Python
Html5在手机端调用相机的方法实现
2020/05/13 HTML / CSS
洗煤厂厂长岗位职责
2014/01/03 职场文书
军训感想500字
2014/02/20 职场文书
担保书格式及范文
2014/04/01 职场文书
机械工程及其自动化专业求职信
2014/08/08 职场文书
四风问题原因分析及整改措施
2014/10/24 职场文书
六年级学生期末评语
2014/12/26 职场文书
党员自我评价2015
2015/03/03 职场文书
2015年班级工作总结范文
2015/04/03 职场文书
材料员岗位职责范本
2015/04/11 职场文书
开除通知书范本
2015/04/25 职场文书
我的长征观后感
2015/06/09 职场文书
教师反邪教心得体会
2016/01/15 职场文书
MySQL 覆盖索引的优点
2021/05/19 MySQL
python正则表达式re.search()的基本使用教程
2021/05/21 Python