js上传文件（图片）限制格式及大小

ygyy 2021-08-07 原文

参考：https://blog.csdn.net/wobaiwodedukuku/article/details/60571190

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>

    <body>
        <form id="form1" name="form1" method="post" action="" enctype="multipart/form-data">
            <!--<p><input type="hidden" name="MAX_FILE_SIZE" value="100000" /></p>-->
            <p><input name="userfile" id="userfile" type="file" onchange="check()" /></p>
        </form>

    </body>

</html>

<script language="JavaScript" type="text/javascript">
    function check() {
        var aa = document.getElementById("userfile").value.toLowerCase().split(\'.\'); //以“.”分隔上传文件字符串
        // var aa=document.form1.userfile.value.toLowerCase().split(\'.\');//以“.”分隔上传文件字符串

        if(document.form1.userfile.value == "") {
            alert(\'图片不能为空！\');
            return false;
        } else {
            if(aa[aa.length - 1] == \'gif\' || aa[aa.length - 1] == \'jpg\' || aa[aa.length - 1] == \'bmp\'

                ||
                aa[aa.length - 1] == \'png\' || aa[aa.length - 1] == \'jpeg\') //判断图片格式
            {
                var imagSize = document.getElementById("userfile").files[0].size;
                alert("图片大小：" + imagSize + "B")
                if(imagSize < 1024 * 1024 * 3)
                    alert("图片大小在3M以内，为：" + imagSize / (1024 * 1024) + "M");
                return true;
            } else {
                alert(\'请选择格式为*.jpg、*.gif、*.bmp、*.png、*.jpeg 的图片\'); //jpg和jpeg格式是一样的只是系统Windows认jpg，Mac OS认jpeg，

                //二者区别自行百度
                return false;
            }
        }
    }
</script>