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

251 阅读 0 评论 166 点赞

我是靠谱客的博主欢喜大船，最近开发中收集的这篇文章主要介绍js 判断文件类型并控制表单提交示例代码，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

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

复制代码代码如下:

 
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> 