js获取上传图片大小、jquery获取上传图片大小

一个项目需要在上传前判断图片的大小，我是通过下面的代码来实现

<html>
<head>
    <title>获取上传图片大小</title> 
    <script type = "text/javascript">
        function GetFileSize() {
            var file = document.getElementById('fileToUpload').files[0];
            if (file) {
                var fileSize = 0;
                if (file.size > 1024 * 1024)
                    fileSize = (Math.round(file.size * 100 / (1024 * 1024)) / 100).toString() + 'MB';
                else
                    fileSize = (Math.round(file.size * 100 / 1024) / 100).toString() + 'KB';
            }
            alert(fileSize);

        }

　　　　//jquery版需要修改成如下
　　　　var file = $("选择器")[0];
　　　　if(file){
　　　　　　var fileSize = 0;
　　　　　　　　if (file.files[0].size > 1024 * 1024)
　　　　　　　　　　fileSize = (Math.round(file.files[0].size * 100 / (1024 * 1024)) / 100).toString() + 'MB';
　　　　　　　　else
　　　　　　　　　　fileSize = (Math.round(file.files[0].size * 100 / 1024) / 100).toString() + 'KB';
　　　　}


    </script>
</head>
<body>
    <input type="file" id="fileToUpload" value="" onchange="GetFileSize()">
</body>
</html> 

 

posted @ 2016-01-15 14:09  麦广扬  阅读(1094)  评论(0)    收藏  举报