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 相关文章推荐
认识延迟时间为0的setTimeout
May 16 Javascript
分页栏的web标准实现
Nov 01 Javascript
jquery自定义函数的多种方法
Jan 09 Javascript
jsPDF生成pdf后在网页展示实例
Jan 16 Javascript
当jQuery1.7遇上focus方法的问题
Jan 26 Javascript
jQuery源码解读之hasClass()方法分析
Feb 20 Javascript
举例详解AngularJS中ngShow和ngHide的使用方法
Jun 19 Javascript
js实现不提示直接关闭网页窗口
Mar 30 Javascript
javascript 中null和undefined区分和比较
Apr 19 Javascript
Vue2.0系列之过滤器的使用
Mar 01 Javascript
Bootstrap 按钮样式与使用代码详解
Dec 09 Javascript
Js实现复选框的全选、全不选反选功能代码实例
Feb 28 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 empty,isset,is_null判断比较(差异与异同)
2010/10/19 PHP
php二分查找二种实现示例
2014/03/12 PHP
thinkphp分页集成实例
2017/07/24 PHP
php如何把表单内容提交到数据库
2019/07/08 PHP
pjblog修改技巧汇总
2007/03/12 Javascript
Firebug入门指南(Firefox浏览器)
2010/08/21 Javascript
Jquery优化效率 提升性能解决方案
2010/09/06 Javascript
fancybox modal的完美解决(右上的X)
2012/10/30 Javascript
Jquery Uploadify多文件上传带进度条且传递自己的参数
2013/08/28 Javascript
jquery插件之定时查询待处理任务数量
2014/05/01 Javascript
js实现遮罩层划出效果是生成div而不是显示
2014/07/29 Javascript
JavaScript设计模式之观察者模式(发布者-订阅者模式)
2014/09/24 Javascript
JavaScript 性能优化小结
2015/10/12 Javascript
微信小程序教程系列之设置标题栏和导航栏(7)
2020/06/29 Javascript
nodejs入门教程六:express模块用法示例
2017/04/24 NodeJs
vue.js项目 el-input 组件 监听回车键实现搜索功能示例
2018/08/25 Javascript
代码整洁之道(重构)
2018/10/25 Javascript
微信小程序一周时间表功能实现
2019/10/17 Javascript
js实现登录拖拽窗口
2020/02/10 Javascript
javascript绘制简单钟表效果
2020/04/07 Javascript
解决vue使用vant下拉框van-dropdown-item 绑定title值不变问题
2020/08/05 Javascript
深入理解Python3中的http.client模块
2017/03/29 Python
python使用pycharm环境调用opencv库
2018/02/11 Python
django主动抛出403异常的方法详解
2019/01/04 Python
Python3.6实现带有简单界面的有道翻译小程序
2019/04/16 Python
python for和else语句趣谈
2019/07/02 Python
对django 模型 unique together的示例讲解
2019/08/06 Python
html5 Canvas绘制线条 closePath()实例代码
2012/05/10 HTML / CSS
优秀的茶餐厅创业计划书
2014/01/03 职场文书
秋季运动会广播稿大全
2014/02/17 职场文书
健康家庭事迹材料
2014/05/02 职场文书
2014年大学生党员自我评议
2014/09/22 职场文书
运动会广播稿200字
2014/10/18 职场文书
简历自我评价优缺点
2015/03/11 职场文书
离职证明范本
2015/06/12 职场文书
单位病假条范文
2015/08/17 职场文书