input file 上传判断文件类型、路径是否为空

最新推荐文章于 2022-01-22 16:09:43 发布

weixin_34130389

最新推荐文章于 2022-01-22 16:09:43 发布

阅读量502

点赞数 1

文章标签： javascript 运维前端 ViewUI

原文链接：http://www.cnblogs.com/zwakeup/p/8710346.html

版权

<html>  
<body bgcolor="white">  
    <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>  
        <TBODY>  
            <TR>  
                <TD>  
                    <center>  
                        <h4>  
                            上传文件  
                        </h4>  
                    </center>  
                    <hr/>  
                    <br/>  
                    <center>  
                    <form action="<%=request.getContextPath() %>/admin/HtmlFile.do" method="post" enctype="multipart/form-data" name="HtmlFileForm" onsubmit="return check()">  
                        <span id='uploadSpan'>  
                        <input type="file" name="file" id="file" unselectable="on" onchange='checkFileType(this.value);'/>&nbsp;  
                        </span>  
                    <input type="submit" value="提交"/>  
                    </form>  
                    </center>  
                </TD>  
            </TR>  
        </TBODY>  
    </TABLE>  
<script type="text/javascript">  
function checkFileType(str){  
    var pos = str.lastIndexOf(".");  
    var lastname = str.substring(pos,str.length);  
    var resultName=lastname.toLowerCase();  
    if ('.xls'!=resultName.toString()){alert('只能上传xls文件，您上传的文件类型为'+lastname+'，请重新上传');  
    resetFile();  
    }  
}  
var html=document.getElementById('uploadSpan').innerHTML;   
  
function resetFile(){   
document.getElementById('uploadSpan').innerHTML=html;   
}   
  
function   check()   
{   
   if(HtmlFileForm.file.value == "") {  
           alert("请选择文件路径");  
           return false;  
   }else{  
        return true;  
   }  
}  
      
</script>  
</body>  
</html>