图片上传验证（height,width,size）

wylloveying

浏览: 16441 次
性别:
来自: 大连

最近访客更多访客>>

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

jsf学习

JavaScript HTML

<!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  onsubmit="return   CheckFileSize()">   
  <input   id="aaa" type=file   name=photo onchange="CheckFileType()"><br/>   
  <input   type=submit   value=submit>
</form>   
</BODY>
</HTML>

分享到：

tomahawk JSF组件扩展组件(一)

2008-01-16 14:04
浏览 2396
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

图片上传验证（height,width,size）

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

图片上传验证（height,width,size）

评论

发表评论

相关推荐

tomahawk JSF组件扩展组件(三)

tomahawk JSF组件扩展组件(二)

tomahawk JSF组件扩展组件(一)

最近访客更多访客>>