zoukankan      html  css  js  c++  java
  • 图片上传的客户端检测(转)

    下边的代码是在文件上传到服务器前对文件进行检查,如文件类型、文件大小等。

    代码
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
          
    <title>Untitled</title>
          
    <script>
    var img=null;
    var maxfilesize = 1048576;
    var filePath;
    function checkimage()
    {
          filePath 
    = document.getElementById("FILE1").value;    //得到上传控件中的内容
          if(/^.+\.(gif|jpg|png)$/i.test(filePath)){
          img 
    = new Image();
          img.style.display
    ='none';
          img.attachEvent(
    "onerror",ErrImgType);
          img.attachEvent(
    "onreadystatechange",ErrImgBig);
          document.body.insertAdjacentElement(
    "beforeend",img);
          img.src
    =filePath;
          }
    else{ErrImgType()}
    }
    function  ErrImgType(){
          upload.reset();      
    //重置上传控件
          alert("上传图片文件类型只能是jpg,png或gif!");
          
    return false;
    }
    function  ErrImgBig(){
          
    if  (img.fileSize>maxfilesize){
                upload.reset();    
    //重置上传控件
                alert("文件大小不能超过1M字节!");
                
    return false;
          }
    }
          
    </script>
    </head>

    <body>
    <FORM METHOD="post" id="upload" NAME="upload" ENCTYPE="multipart/form-data">
    <input type="file" id="FILE1" name="FILE1" class="bg4" onChange="setTimeout('checkimage()',500)">
    </form>
    </body>
    </html>


     转自:http://www.cnblogs.com/Truly/archive/2006/04/11/372272.html

  • 相关阅读:
    python中list添加元素的方法append()、extend()和insert()
    Python中的短路计算
    Python文件的读写
    Python匿名函数
    Python中的引用传参
    持续学习大纲
    【Mysql】Datetime和Timestamp区别,及mysql中各种时间的使用
    【JDK源码】 ☞ HashMap源码分析及面试汇总
    算法复杂度实例 -- O(1) O(n) O(logN) O(NlogN)
    Solr使用总结
  • 原文地址:https://www.cnblogs.com/scottckt/p/1648471.html
Copyright © 2011-2022 走看看