[JavaScript]页面判断上传文件大小

最新推荐文章于 2025-06-16 19:28:22 发布

原创最新推荐文章于 2025-06-16 19:28:22 发布 · 3.7k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

javascript/jq 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种使用JavaScript在前端判断上传文件大小的方法，以解决七牛云直传文件时遇到的大小限制问题。该方法适用于Firefox、Chrome及Internet Explorer 10等浏览器。

因为项目中使用七牛云的直传文件，上传策略的大小限制搞不定，所以，使用JavaScript在页面判断，代码非原创，从网上收集，自己测试可用（Firefox、Chrome、Internet Exeplorer 10）；

    var isIE = /msie/i.test(navigator.userAgent) && !window.opera;
    function fileChange(target) {

        var fileSize = 0;
        if (isIE && !target.files) {
            var filePath = target.value;
            var fileSystem = new ActiveXObject("Scripting.FileSystemObject");
            var file = fileSystem.GetFile (filePath);
            fileSize = file.Size;
        } else {
            fileSize = target.files[0].size;
        }
        var size = fileSize / 1024;
        if(size>1024){
            alert("上传大小不能大于1M");
        }else {
            fileUpdata()
        }
    }