1. <html>
    
<head>
    
<script type="text/javascript">
    
  var isIE = /msie/i.test(navigator.userAgent) && !window.opera;
    
  function fileChange(target) {     

    var fileSize = 0;
    
    if (isIE && !target.files) {
    
      var filePath = target.value;
    
      var fileSystem = new ActiveXObject("Scripting.FileSystemObject");
    
      var file = fileSystem.GetFile (filePath);
    
      fileSize = file.Size;
    
    } else {
    
     fileSize = target.files[0].size;
    
     }
    
     var size = fileSize / 1024;
    
     if(size>10000){
    
      alert("附件不能大于10M");   

     }   

}
    
</script>
    
</head>
    
<body>
    
<input type="file" name="contractFileName"  style="width: 500px;" onchange="fileChange(this);"/>
    
</body>
    
</html>

    　　

自己网上找资料 并测试 文件上传大小限制的一个例子，兼容ie6，ie7，ie8 ，Google Chrome，ff等浏览器，ie8上面在安全设置处设置一下就好了(工具 => Internet选项 => 安全 => Internet => 自定义级别    找到“将文件上载到服务器时包含本地目录路径”，设为“启用”即可)。

  1. function fileChange(target,id) {
    
        var fileSize = 0;
    
        if (isIE && !target.files) {
    
              var filePath = target.value;
    
              var fileSystem = new ActiveXObject("Scripting.FileSystemObject");  

              if(!fileSystem.FileExists(filePath)){
    
                 alert("附件不存在，请重新输入！");
    
                 var file=document.getElementById(id);
    
                 file.outerHTML=file.outerHTML;
    
                 return;
    
              }
    
              var file = fileSystem.GetFile (filePath);
    
              fileSize = file.Size;
    
        } else {
    
              fileSize = target.files[0].size;
    
        }    

        var size = fileSize / 1024;
    
        if(size>100000){
    
             alert("附件大小不能大于100M！");
    
             var file=document.getElementById(id);
    
             file.outerHTML=file.outerHTML
    
        }
    
        if(size<=0){
    
            alert("附件大小不能为0M！");
    
            var file=document.getElementById(id);
    
             file.outerHTML=file.outerHTML
    
        }
    
     }

    　　

javascript笔记——图片大小检测的更多相关文章

  1. javaScript校验图片大小、格式

    1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.or ...

  2. [代码片段]javascript检查图片大小和格式

    function checkImgType(input) { var this_ = document.getElementsByName('imgFile')[0]; var filepath = ...

  3. JavaScript校验图片格式及大小

    <!DOCTYPE html> <html> <head> <title>JavaScript校验图片格式及大小</title> <s ...

  4. 关于前端使用JavaScript获取base64图片大小的方法

    base64原理 Base64编码要求把3个8位字节(38=24)转化为4个6位的字节(46=24),之后在6位的前面补两个0,形成8位一个字节的形式. 如果剩下的字符不足3个字节,则用0填充,输出字 ...

  5. OpenCV 学习笔记 07 目标检测与识别

    目标检测与识别是计算机视觉中最常见的挑战之一.属于高级主题. 本章节将扩展目标检测的概念,首先探讨人脸识别技术,然后将该技术应用到显示生活中的各种目标检测. 1 目标检测与识别技术 为了与OpenCV ...

  6. WebView加载HTML图片大小自适应与文章自动换行

    http://www.brighttj.com/ios/ios-webview-load-html-image-adaptive.html 在很多App中都会使用到webview,尤其是在加载新闻内容 ...

  7. [Effective JavaScript 笔记] 第4条：原始类型优于封闭对象

    js有5种原始值类型:布尔值.数字.字符串.null和undefined. 用typeof检测一下: typeof true; //"boolean" typeof 2; //&q ...

  8. [Effective JavaScript 笔记]第28条：不要信赖函数对象的toString方法

    js函数有一个非凡的特性,即将其源代码重现为字符串的能力. (function(x){ return x+1 }).toString();//"function (x){ return x+ ...

  9. 关于PHP HTML <input type="file" name="img"/>上传图片，图片大小，宽高，后缀名。

    在我们的系统中,不免要上传图片,视频等文件,在上传中,需要做的一些判断,文件大小等方面. 注意: 在php.ini 中的post_max_size,upload_max_filesize默认为2M,在 ...

随机推荐

  1. [Canvas] Make Canvas Responsive to Pixel Ratio

    Canvas is great for high performance graphics rendering but by default the results look blocky on ph ...

  2. MySQL 5.7 新特性大全和未来展望 图解

    本文转自微信公众号:高可用架构 作者:杨尚刚 引用 美图公司数据库高级 DBA,负责美图后端数据存储平台建设和架构设计.前新浪高级数据库工程师,负责新浪微博核心数据库架构改造优化,以及数据库相关的服务 ...

  3. focusky

    Focusky,是一款新型多媒体幻灯片制作软件,操作便捷性以及演示效果超越PPT,主要通过缩放.旋转.移动动作使演示变得生动有趣.传统PPT单线条时序,只是一张接一张切换播放,而Focusky打破常规 ...

  4. unix fopen和fopen_s用法的比较

    在定义FILE * fp 之后,fopen的用法是: fp = fopen(filename,"w").而对于fopen_s来说,还得定义另外一个变量errno_t err,然后e ...

  5. SMI接口，SMI帧结构，MDC/MDIO

    转载:http://blog.csdn.net/zyboy2000/article/details/7442464 SMI全称是串行管理接口(Serial Management Interface). ...

  6. cocos2d-x回收池原理

    cocos2d-x源于cocos2d-iphone,为了与Objective-c一致,cocos2d-x也采用了引用计数与自动回收的内存管理机制. 要现实自动内存回收,需继承于cocos2d-x的根类 ...

  7. CentOS-6.5安装配置Tomcat7

    一.下载tomcat cd /usr/local/src wget http://mirror.bit.edu.cn/apache/tomcat/tomcat-7/v7.0.50/bin/apache ...

  8. 1045 | error connecting to master 'slave_user@192.168.0.75:3306' - retry-time: 6

    mysql 主从复制问题整理   问题:      1045 | error connecting to master 'slave_user@192.168.0.75:3306' - retry-t ...

  9. [改善Java代码]不同的场景使用不同的泛型通配符

    Java泛型支持通配符(Wildcard),可以单独使用一个"?"表示任意类,也可以使用extends关键字标识某一类(接口)的子类型,还可以使用super关键字标识某一类(接口) ...

  10. hdu 4582 树状DP

    思路:首先声明我是参考:http://blog.csdn.net/frog1902/article/details/9921845这位大牛的博客的. 他说的已经很详尽,但我还是要补充几点. 看完他的解 ...