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>

相关阅读:
啃掉的博文全记录
DP五十题
noip 真题班刷题记录及总结思考
dfklsJj
【2018.11.7】luogu NOIp热身赛及刷题思考
【trie树专题】
【倍增专题】
10.23
简析 NP 问题和P问题
[NOIP 2010普及组 No.4] 三国游戏

原文地址：https://www.cnblogs.com/majiang/p/5120740.html

JS 判断上传 文件 大小

JS 判断上传文件大小