js验证上传文件大小、图片类型限制

function checkForm(){

var title=$("#title").val();
var imgurl=$("#imgurl").val();
var dis1=$("#dis1").val();

if(title==null || title==""){
$("#error").html("标题不能为空!");
return false;
}

if(imgurl==null || imgurl==""){
$("#error").html("上传作品不能为空!");
return false;
}


if(dis1==null || dis1==""){
$("#error").html("作品描述不能为空!");
return false;
}


//图片上传过滤



//alert(imgurl);
var file = document.getElementById("imgurl").value;  
if(!/\.(jpg|jpeg|png|GIF|JPG|PNG)$/.test(file)){
alert(file);
 alert("图片类型必须是.jpeg,jpg,png中的一种")
  $("#error").html("图片类型必须是.jpeg,jpg,png中的一种!"); 
          return false;

}


var maxsize = 1*1024*100;//1M  
        var errMsg = "上传的附件文件不能超过100kb!!!";  
        var tipMsg = "您的浏览器暂不支持计算上传文件的大小。";  
        var  browserCfg = {};  
        var ua = window.navigator.userAgent;  
        if (ua.indexOf("MSIE")>=1){  
            browserCfg.ie = true;  
        }else if(ua.indexOf("Firefox")>=1){  
            browserCfg.firefox = true;  
        }else if(ua.indexOf("Chrome")>=1){  
            browserCfg.chrome = true;  
        }  
        
            try{  
                var obj_file = document.getElementById("imgurl");  
                alert(obj_file);
                if(obj_file.value==""){  
                    alert("请先选择上传文件");  
                    return;  
                }  
                var filesize = 0;  
                if(browserCfg.firefox || browserCfg.chrome ){  
                    filesize = obj_file.files[0].size;  
                }else if(browserCfg.ie){  
                    var obj_img = document.getElementById('tempimg');  
                    obj_img.dynsrc=obj_file.value;  
                    filesize = obj_img.fileSize;  
                }else{  
                    alert(tipMsg);  
                return;  
                }  
                if(filesize==-1){  
                    alert(tipMsg);  
                    return;  
                }else if(filesize>maxsize){  
                    alert(errMsg); 
                    $("#error").html("文件不能大于100KB!"); 
                    return false;  
                }else{  
                    alert("文件大小符合要求");  
                    return;  
                }  
            }catch(e){  
                alert(e);  
            }  
        



return true;
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值