用JS验证上传文件类型的方法--Java免费学习网

本文介绍了一个使用JavaScript进行文件类型验证的方法。通过检查上传文件的扩展名来确保仅接受特定类型的文件,例如GIF、BMP和JPG。该验证过程在用户尝试上传文件之前执行。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>JS验证上传文件类型 - Java免费学习网:http://www.javalearns.com/</TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY>
<FORM ACTION="load.jsp" METHOD="POST" ENCTYPE="mutipart/form-data" name="myform">
请选择上传文件:<INPUT TYPE="file" NAME="picture"/>
<INPUT TYPE="button" value="提 交" onclick="check(myform);"/>
<INPUT TYPE="button" value="取 消" onclick="window.close();"/>
</FORM>
</BODY>
</HTML>
<script language="javascript">
function isEmpty(str){
for(var i=0;i<str.length;i++){
if(str.charAt(i)!==" "){
return false;
}
}
return true;
}
function check(form){
var fileName = form.picture.value;
if(isEmpty(fileName)){
alert("请选择文件名");
form.picture.focus();
return false;
}
//lastIndexOf如果没有搜索到则返回为-1
if(fileName.lastIndexOf(".")!=-1)
{
var fileType = (fileName.substring(fileName.lastIndexOf(".")+1,fileName.length)).toLowerCase();
var suppotFile = new Array();
suppotFile[0] = "gif";
suppotFile[1] = "bmp";
suppotFile[2] = "jpg";
for(var i =0;i<suppotFile.length;i++){
if(suppotFile[i]==fileType){
return true;
}else{
continue;
}
}
alert("不支持文件类型"+fileType);
return false;
}else
{
alert("文件只支持JIF,BMP,JPG");
}
}

</script>

文章转载自 http://www.javalearns.com/Html/?1685.html


更多Java知识学习请访问 Java免费学习网  http://www.javalearns.com

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值