js前端控制上传文件的格式

最新推荐文章于 2024-09-21 12:14:46 发布

diaozhen9799

最新推荐文章于 2024-09-21 12:14:46 发布

阅读量543

点赞数

文章标签：前端 javascript ViewUI

原文链接：http://www.cnblogs.com/TaoLiQ/archive/2011/07/29/2120817.html

版权

js前端控制上传文件的格式


<HTML>
<HEAD>
<TITLE>js前端控制上传文件的格式</TITLE>
</HEAD>

<BODY>
<FORM ACTION="load.jsp" METHOD="POST" ENCTYPE="mutipart/form-data" name="myform" οnsubmit="return check()">
请选择上传文件：<span id="span1"><INPUT TYPE="file" NAME="csv" id="csv"/></span> <img id="loading" style="display:none;" src="loading.gif"/>
<br/>
<INPUT TYPE="submit" value="提 交"/>
</FORM>

<script language="javascript">
function check(){
  var fileName = document.getElementById("csv").value;
  if(fileName==""){
    alert("请选择要上传的csv文件!");
    return false;
  }
  //lastIndexOf如果没有搜索到则返回为-1
  if(fileName.lastIndexOf(".")!=-1)
  {
    var fileType = (fileName.substring(fileName.lastIndexOf(".")+1,fileName.length)).toLowerCase();
    var suppotFile = new Array();
    suppotFile[0] = "csv";
    for(var i =0;i<suppotFile.length;i++){
      if(suppotFile[i]==fileType){
        document.getElementById("loading").style.display="";
        return true;
      } else {
        alert("不支持文件类型"+fileType);
        document.getElementById("span1").innerHTML='<INPUT TYPE="file" NAME="csv" id="csv"/>';//因为IE不支持file控件清空，所有只有重新动态的追加file控件了
        //document.getElementById("csv").value="";
        return false;
      }
    }
  }
}
</script>
</BODY>
</HTML>

转载于:https://www.cnblogs.com/TaoLiQ/archive/2011/07/29/2120817.html