首页 > Web开发 > 详细

JS 判断上传 文件 大小

时间:2016-01-11 13:34:07      阅读:140      评论:0      收藏:0      [点我收藏+]

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

  

JS 判断上传 文件 大小

原文:http://www.cnblogs.com/majiang/p/5120740.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!