<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>

input file 上传 判断文件类型、路径是否为空的更多相关文章

  1. 如何用一张图片代替 'input:file' 上传本地文件??

    今天去面试,碰到了一道题,也许是因为紧张或者喝水喝多了,一时竟然没有转过弯来,回来之后一细想原来这么简单,哭笑不得,特此记录一下! 原题是这样的:  如何用一张图片代替 'input:file' 上传 ...

  2. ajax+ashx 完美实现input file上传文件

    1.input file 样式不能满足需求 <input type="file" value="浏览" /> IE8效果图:    Firefox效 ...

  3. HTML5: input:file上传类型控制

    ylbtech-HTML5: input:file上传类型控制   1. 一.input:file 属性返回顶部 一.input:file属性 属性值有以下几个比较常用: accept:表示可以选择的 ...

  4. HTML5的 input:file上传类型控制(转载）

    http://www.haorooms.com/post/input_file_leixing HTML5的 input:file上传类型控制 2014年8月29日 66352次浏览 一.input: ...

  5. input上传限定文件类型

    input上传限定文件类型 accept="image/*"   限定为只能上传图片 accept=”audio/*   限定为只能上传音频 accept=”video/*” 限定 ...

  6. php上传常见文件类型对应的$_FILES["file"]["type"]（转）

    php上传常见文件类型对应的$_FILES["file"]["type"] from:http://hi.baidu.com/7book/item/374971 ...

  7. struts2文件上传，文件类型 allowedTypes

    struts2文件上传,文件类型 allowedTypes 1 '.a' : 'application/octet-stream', 2 '.ai' : 'application/postscript ...

  8. Struts文件上传allowedTypes问题，烦人的“允许上传的文件类型”

    Struts的文件上传问题,相信很多人都会使用allowedTypes参数来配置允许上传的文件类型,如下. <param name="allowedTypes"> im ...

  9. 如何让WordPress支持上传更多文件类型

    如何让WordPress支持上传更多文件类型   可以在functions.php中这样写: 1 2 3 4 5 6 7 8 9 add_filter('upload_mimes', 'wpdit_f ...

随机推荐

  1. 开始学习Functional Programming

    打算先学F#, 再学Scala. 第一个F#程序 open System [<EntryPoint>] let main argv = let a = "Hello, World ...

  2. 180510.最近踩过和听过的sql的坑

    1. in的巨坑 CREATE TABLE #tmp1 (id INT, value int) CREATE TABLE #tmp2 (id1 INT, value int) ,),(,),(,) , ...

  3. hdoj：2085

    核反应堆 Time Limit: 1000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)Total Submis ...

  4. UE4/Unity3d 根据元数据自动生成与更新UI

    大家可能发现一些大佬讲UE4,首先都会讲类型系统,知道UE4会根据宏标记生成一些特定的内容,UE4几乎所有高级功能都离不开这些内容,一般来说,我们不会直接去使用它. 今天这个Demo内容希望能加深大家 ...

  5. SpringBoot 推荐博客

    http://412887952-qq-com.iteye.com/category/356333

  6. tensorflow冻结变量方法（tensorflow freeze variable）

    最近由于项目需要,要对tensorflow构造的模型中部分变量冻结,然后继续训练,因此研究了一下tf中冻结变量的方法,目前找到三种,各有优缺点,记录如下: 1.名词解释 冻结变量,指的是在训练模型时, ...

  7. oneNote2016代码高亮插件

    下载地址:https://github.com/elvirbrk/NoteHighlight2016/releases 安装插件前必须安装oneNote笔记. NoteHighlight插件有32位和 ...

  8. [转]50个极好的bootstrap 后台框架主题下载

    50个极好的bootstrap 后台框架主题下载 http://sudasuta.com/bootstrap-admin-templates.html 越来越多的设计师和前端工程师开始用bootstr ...

  9. mac npm编译的时候，一直报 node 镜像找不到

    目前我所知的方法就是卸载.重装node,或者是升级node 卸载: brew uninstall node 安装: brew install node 升级: brew upgrade node

  10. PHP（表单元素）

    表单: 1.收集用户的输入,发送到后台 <form action="后台地址" method="提交方式" enctype="multipart ...