javascript - 当用户选择文件时检查图像文件大小的代码是什么

Question

添加到以下代码中的代码是什么，用于在用户选择文件时检查图像文件大小，并在文件大小大于 5MB 时发出警报？它应该首先检查文件扩展名，如果文件扩展名正确，则应该检查大小。

<script type="text/javascript">
        /*<![CDATA[*/
        $("#ProductImage").change(function() {
            var f = this.value;
            var e = f.replace(/^.*\\/, "");
            var d = e.split(".").pop();
            if (d == "jpg" || d == "jpeg" || d == "png" || d == "gif" || d == "JPG" || d == "JPEG" || d == "PNG" || d == "GIF") {
                $("#file_name").val(e)
            } else {
                alert("Please upload a valid image file.")
            }
        });

</script>

Answer 1

f.size 将获取文件的大小(以字节为单位)， 5242880 是 5mb(以字节为单位)

if (f.size >= 5242880){ alert("图片文件太大)}

有关 file.size 的更多信息 > https://www.w3schools.com/jsref/prop_fileupload_files.asp