图片上传验证(height,width,size)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
 <SCRIPT   LANGUAGE="JavaScript"><!--   
function   CheckFileSize(){
    var picsize=100*1024;
    var s = document.Myform.photo.value;   
    if(s==" ")return true;   
    var img = new Image();   
    img.src = s;
    var filename=document.getElementById('aaa').value;
    //图片的长和宽的验证(单位为像素)
    if(img.width > 150 || img.height > 300){
        alert("高 = "+ img.height + "\n宽 = "+ img.width); 
        alert("图片的高应<150,宽应<300");
    }
    //图片大小的验证(单位为字节)
    if(img.fileSize > picsize){
        alert("fileSize = "+ img.fileSize +" 字节"); 
        alert("图片应<300KB");
    }
    //删除文本框内的图片路径
    document.getElementById("photo").select();
    document.execCommand("Delete");   
}   
//--></SCRIPT> 
<SCRIPT LANGUAGE="JavaScript"><!--
//图片类型的验证
function   CheckFileType(){
    var filename=document.getElementById('aaa').value;
    if(filename.lastIndexOf(".")!=-1){
        var fileType = (filename.substring(filename.lastIndexOf(".")+1,filename.length)).toLowerCase();
        var suppotFile = new Array();
        suppotFile[0] = "jpeg";
        suppotFile[1] = "jpg";
        suppotFile[2] = "gif";
        suppotFile[3] = "png";
        suppotFile[4] = "bmp";
        for(var i =0;i<suppotFile.length;i++){
            if(suppotFile[i]==fileType){
                return true;
            }else{
                continue;
            }
        }
        window.alert("不支持文件类型"+fileType);
        alert("只支持JPEG.JPG.GIF.PNG.BMP五种图片格式");
        //document.Myform.reset();//清空整个form
        document.getElementById("photo").select();
        document.execCommand("Delete");
    }else{
        alert("只支持JPEG.JPG.GIF.PNG.BMP五种图片格式");
        document.getElementById("photo").select();
        document.execCommand("Delete");
    }
}
//--></SCRIPT>
</HEAD>

<BODY>
<form   name=Myform  οnsubmit="return   CheckFileSize()">   
  <input   id="aaa" type=file   name=photo οnchange="CheckFileType()"><br/>   
  <input   type=submit   value=submit>
</form>   
</BODY>
</HTML>

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值