JS 判断上传 文件 大小

时间：2022-04-23 16:18:42

随着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>

　　

相关文章