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. 从零开始学android开发-通过WebService进行网络编程，使用工具类轻松实现

    相信大家在平常的开发中,对网络的操作用到HTTP协议比较多,通过我们使用Get或者Post的方法调用一个数据接口,然后服务器给我们返回JSON格式的数据,我们解析JSON数据然后展现给用户,相信很多人 ...

  2. 设计模式六大原则——合成/聚合复用原则(CARP)

    1.定义 简而言之,对于合成/聚合复用原则的定义就是:要尽量使用合成和聚合,尽量不要使用继承. 2.释义 为什么"要尽量使用合成和聚合.尽量不要使用继承"呢? 这是由于: 第一,继 ...

  3. PACPerformance

    https://github.com/kickfjq/android_packages_apps_PACPerformance

  4. mongo批量更新

    update的如果要批量更新是无能为力的,如果有多条匹配的结果,但结果是只能更新一条. 用bulk来进行处理 var bulk = db.HIS_ALARM.initializeUnorderedBu ...

  5. Swift3.0语法变化

    写在前面 首先和大家分享一下学习新语法的技巧:用Xcode8打开自己的Swift2.3的项目,选择Edit->Convert->To Current Swift Syntax- 让Xcod ...

  6. null和空 not null

    所谓的NULL就是什么都没有,连\0都没有,\0在字符串中是结束符,但是在物理内存是占空间的,等于一个字节,而NULL就是连这一个字节都没有.在 数据库里是严格区分的,任何数跟NULL进行运算都是NU ...

  7. 网络IPC：套接字

    网络进程间通信(network IPC):不同计算机(通过网络相连)上运行的进程相互通信的机制. 套接字网络IPC接口:进程能够使用该接口和其他进程通信.通过该接口,其他进程运行位置是透明的,它们可以 ...

  8. 【天池大数据赛题解析】资金流入流出预测（附Top4答辩ppt）

    http://mp.weixin.qq.com/s?__biz=MzA3MDg0MjgxNQ==&mid=208451006&idx=1&sn=532e41cf020a0673 ...

  9. linux后端运行(二)

    在用管理员执行一个命令后,用Ctrl+Z把命令转移到了后台.导致无法退出root的. 输入命令:exit终端显示:There are stopped jobs. 解决方法:方法一.输入命令:jobs终 ...

  10. IE7下position:relative的问题

    如果在IE7中使用position:relative属性,需要在该元素的容器上,同时给予position:relative属性.