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

最新推荐文章于 2020-12-22 16:11:33 发布

weixin_30340617

最新推荐文章于 2020-12-22 16:11:33 发布

阅读量58

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/maiguangyang/p/5133163.html

版权

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

<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="" οnchange="GetFileSize()">
</body>
</html>

转载于:https://www.cnblogs.com/maiguangyang/p/5133163.html

weixin_30340617

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫