快捷導(dǎo)航

jQuery統(tǒng)計(jì)上傳文件大小的方法

更新時(shí)間：2015年01月24日 10:41:00 投稿：shichen2014

這篇文章主要介紹了jQuery統(tǒng)計(jì)上傳文件大小的方法,主要通過(guò)ActiveXObject對(duì)象來(lái)實(shí)現(xiàn),需要的朋友可以參考下

本文實(shí)例講述了jQuery統(tǒng)計(jì)上傳文件大小的方法。分享給大家供大家參考。具體如下：

對(duì)于現(xiàn)代瀏覽器(支持html5)來(lái)說(shuō)，在客戶端統(tǒng)計(jì)上傳文件的大小，可以通過(guò)$(selector)[0].files[0].size來(lái)實(shí)現(xiàn)。但在老版本的IE瀏覽器中，比如IE7,IE8或IE9，卻不支持這種做法，但可以借助ActiveXObject對(duì)象來(lái)實(shí)現(xiàn)。

復(fù)制代碼代碼如下:

<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("錯(cuò)誤：" + e);

            } 

        }

    </script>

}