<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. iOS 更改状态栏颜色和隐藏状态栏

    更改状态栏颜色 iOS7以后 状态栏的字体为黑色:UIStatusBarStyleDefault 状态栏的字体为白色:UIStatusBarStyleLightContent 解决方案 1.在info ...

  2. hdoj：2057

    #include <cstdio> #include <cmath> #include <iostream> using namespace std; int ma ...

  3. Android开发怎么让自己的APP UI漂亮、大方（规范篇一）

    首先,笔者是站立在开发者的角度来看UI设计的,欢迎专业人士提供指导,不多说,来看怎么把UI设计和开发高效结合起来~ 一.约定APP开发中的一些规则 1.大部分图标满足HDPI(高清)即可,比如:大众点 ...

  4. oss2罗列所有文件

    使用oss python sdk罗列某目录下所有文件. #!/usr/bin/python3 import sys, os import oss2 auth = oss2.Auth('keyID', ...

  5. opencv利用直方图判断人脸光照质量

    懒得用中文再写一遍了, 直接传送门过去吧. https://medium.com/@fanzongshaoxing/detect-face-in-bad-lighting-condition-usin ...

  6. Android学习：Notification状态栏通知

    Notification是显示在手机状态栏的通知,它代表一种具有全局效果的通知,程序一般通过NotificationManager服务来发送Notification.在小米手机上,手指在屏幕顶端向下划 ...

  7. 【CF961G】Partitions 第二类斯特林数

    [CF961G]Partitions 题意:给出n个物品,每个物品有一个权值$w_i$,定义一个集合$S$的权值为$W(S)=|S|\sum\limits_{x\in S} w_x$,定义一个划分的权 ...

  8. 守护线程daemon

    如下代码: from threading import Thread import time def func1(n): time.sleep(10) print(n) t = Thread(targ ...

  9. 11.8Django中的组件content_type

    2018-11-8 18:59:11 在Django中已经有一个contenttype这个组件,并且在python manage.py makemigrations 和migrate的时候,一起在数据 ...

  10. JAVA课程课后作业之使用递归完成回文

    一.思路 1.我的想法是利用数组的做法来进行,先是用scanner录入一个String类 2.然后就是将String转化成char数组 3.递归的就是第一个和最后一个对比,然后第一个加一,最后一个减一 ...