<HTML>
<HEAD>
<TITLE>js前端控制上传文件的格式</TITLE>
</HEAD>
<BODY>
<FORM ACTION="load.jsp" METHOD="POST" ENCTYPE="mutipart/form-data" name="myform" onsubmit="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>