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

前端技术 2023/09/02 JavaScript
下面的代码 实现的控制表单提交
复制代码 代码如下:

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>

本文地址:https://www.stayed.cn/item/3793

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见,何事秋风悲画扇。