jQuery统计上传文件大小的方法

 更新时间:2015年01月24日 10:41:00   投稿:shichen2014  
这篇文章主要介绍了jQuery统计上传文件大小的方法,主要通过ActiveXObject对象来实现,需要的朋友可以参考下

本文实例讲述了jQuery统计上传文件大小的方法。分享给大家供大家参考。具体如下:

对于现代浏览器(支持html5)来说,在客户端统计上传文件的大小,可以通过$(selector)[0].files[0].size来实现。但在老版本的IE浏览器中,比如IE7,IE8或IE9,却不支持这种做法,但可以借助ActiveXObject对象来实现。

复制代码 代码如下:
<input type="file" name="f" id="f" value="上传文件"/>
<input type="button" value="获取上传图片的大小" id="g"/>
@section scripts
{
    <script type="text/javascript">
        $(function() {
            $('#g').on("click", function() {
                getFileSize("f");
            });
        });
        function getFileSize(eleId) {
            try {
                var size = 0;
              
                if ($.browser.msie) {//ie旧版浏览器
                    var fileMgr = new ActiveXObject("Scripting.FileSystemObject");
                    var filePath = $('#' + eleId)[0].value;
                    var fileObj = fileMgr.getFile(filePath);
                    size = fileObj.size; //byte
                    size = size / 1024;//kb
                    //size = size / 1024;//mb
                } else {//其它浏览器
                    size = $('#' + eleId)[0].files[0].size;//byte
                    size = size / 1024;//kb
                    //size = size / 1024;//mb
                }
                alert('上传文件大小为' + size + 'kb');
            } catch (e) {
                alert("错误:" + e);
            }
        }
    </script>
}

补充:

在IE中启用ActiveXObject按如下做法:

→工具
→Internet选项
→安全
→自定义级别,启用ActiveXObject

希望本文所述对大家的jQuery程序设计有所帮助。

相关文章

  • jQuery开发仿QQ版音乐播放器

    jQuery开发仿QQ版音乐播放器

    这篇文章主要介绍了jQuery开发仿QQ版的音乐播放器,文中示例代码非常详细,帮助大家更好的理解和学习,感兴趣的朋友可以了解下
    2020-07-07
  • jquery动态添加文本并获取值的方法

    jquery动态添加文本并获取值的方法

    下面小编就为大家带来一篇jquery动态添加文本并获取值的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-10-10
  • 教你如何终止JQUERY的$.AJAX请求

    教你如何终止JQUERY的$.AJAX请求

    本文给大家分享的是使用abort来终止JQUERY的$.AJAX请求的方法和示例,有需要的小伙伴可以参考下
    2016-02-02
  • 七夕情人节丘比特射箭小游戏

    七夕情人节丘比特射箭小游戏

    本文给大家分享的是使用javascript实现的七夕情人节丘比特射箭小游戏的代码,并附上源码下载,谁说程序猿就不懂得浪漫呢,小伙伴们感觉拿去献宝吧(当然了,首先你得有女票才行^_^)
    2015-08-08
  • jquery禁止回车触发表单提交

    jquery禁止回车触发表单提交

    这篇文章主要介绍了jquery实现的禁止回车触发表单提交的方法,非常的使用,这里推荐给大家。
    2014-12-12
  • JQuery插件开发示例代码

    JQuery插件开发示例代码

    JQuery插件开发示例代码
    2013-11-11
  • 浅谈 jQuery 事件源码定位问题

    浅谈 jQuery 事件源码定位问题

    在一个不是自己写的页面上,如何快速定位到他绑定的事件代码在哪,下面为大家简单的介绍下,需要的朋友可以参考下
    2014-06-06
  • jQuery选择器的工作原理和优化分析

    jQuery选择器的工作原理和优化分析

    至于有那些选择器,在帮助手册中都有,自己去看,这篇主要是分析他的工作原理,而优化我们写 的选择器,尤其在页面内容很多的情况下,更应该需要优化。下边就言归正传。
    2011-07-07
  • jquery实现弹出窗口效果的实例代码

    jquery实现弹出窗口效果的实例代码

    这篇文章主要介绍了jquery实现弹出窗口效果的实例代码。需要的朋友可以过来参考下,希望对大家有所帮助
    2013-11-11
  • CSS3,HTML5和jQuery搜索框集锦

    CSS3,HTML5和jQuery搜索框集锦

    小编收集了13个有用的CSS3,HTML5和jQuery搜索表单脚本来帮助大家从头开始创建一个搜索框。希望能够帮助到大家,让我们一起来看看吧!
    2014-12-12

最新评论