用JS验证上传文件类型的方法--Java免费学习网_body> <form action="" method="post" enctype=" "> 请-优快云博客

本文介绍了一个使用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");
}
}