js上传文件(图片)限制格式及大小

参考: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>
复制代码

 

posted @   炽橙子  阅读(1873)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 25岁的心里话
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
点击右上角即可分享
微信分享提示