JS 判断上传 文件 大小

随着HTML5 的发展,我们可以用file控件的size属性来获取客户端 上传文件的大小,但是 我今天测试 发现IE10支持,IE11的某个版本不支持, 于是就借用img控件来加载一此, 以此来获取文件大小。整个code 如下:

<html>
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=9" charset="utf-8" />
    <title>File API Demo</title>
</head>
<body>
    <p>
        Upload File:
                <input type="file" name="file" id="file1" />
        <img id="imgfile1" style="display: none" />

    </p>
    <p>
        <input type="button" value="Submit" onclick="checkfile()" />
    </p>
    <script type="text/javascript">
        function GetfileSize(elementID) {
            var file = document.getElementById(elementID);
            var size = 0;
            if (file.value) {
                if (file.files) {
                    size = file.files[0].size;
                }
                else {
                    var imgid = "img" + elementID;
                    var obj_img = document.getElementById(imgid);
                    obj_img.dynsrc = file.value;
                    size = obj_img.fileSize;
                }
            }
            return size;
        }
        function checkfile() {
            var size = GetfileSize("file1");
            alert(size);
        }
    </script>
</body>
</html>

  

posted on 2016-01-11 12:13  dz45693  阅读(2235)  评论(0编辑  收藏  举报

导航