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

时间:2021-05-26

下面的代码 实现的控制表单提交
复制代码 代码如下:
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>

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章