JS验证上传文件类型

最新推荐文章于 2020-09-26 12:13:50 发布

hoxis

最新推荐文章于 2020-09-26 12:13:50 发布

阅读量874

点赞数

分类专栏：前端文章标签： js html

前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> upload </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="提 交" οnclick="check(myform);"/>
<INPUT TYPE="button" value="取 消" οnclick="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>

hoxis

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS验证上传文件类型

upload 请选择上传文件：function isEmpty(str){ for(var i=0;i<str.length;i++){ if(str.charAt(i)!==" "){ return false; } } return true;}function check(form){ var fileName = fo
复制链接

扫一扫

专栏目录