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 type="file" ></td>
</tr>
<tr>
<td><button >点击上传</button></td>
</tr>

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wdwpfy.html