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>