JavaScript文件上载大小验证

Question

JavaScript文件上载大小验证有没有办法检查文件大小在用JavaScript上传之前？

Answer 1

使用jQuery：

<form action="upload" enctype="multipart/form-data" method="post">

    Upload image:    <input id="image-file" type="file" name="file" />
    <input type="submit" value="Upload" />

    <script type="text/javascript">
        $('#image-file').bind('change', function() {
            alert('This file size is: ' + this.files[0].size/1024/1024 + "MB");
        });
    </script></form>

Answer 2

适用于动态和静态文件元素

JavaScript唯一解

function ValidateSize(file) {

        var FileSize = file.files[0].size / 1024 / 1024; // in MB

        if (FileSize > 2) {

            alert('File size exceeds 2 MB');

           // $(file).val(''); //for clearing with Jquery

        } else {

        }

    }

 <input onchange="ValidateSize(this)" type="file">