Dreamweaver教程 FrontPage教程 Flash教程 CSS教程
  • javascript教程
  • 当前位置:教程 > 网页制作 > javascript教程 > 正文

    限制图片上传长宽的JavaScript代码

    编辑:教程网 来源:网络 时间:2011年06月23日 16:42

    <html>
    <head>
    <title>Upload Image</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    </head>
    <body bgcolor="#FFFFFF" text="#000000">
    <form name="IUpload" action="upfile.asp" method="post">
    <p><input type="file" name="picsrc" size="40" onchange="picshow.src=document.IUpload.picsrc.value">
    <input type="button" value="上载" onclick="detect()"></p></form>
    <p><img name="picshow" src="http://51js.1000box.net/pics/face/19.gif" title="图像预览"></p>
    </body>
    </html>

    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function imgExceedSize(w,h){
    if(!document.IUpload.picsrc.value==""){
    if(picshow.width>w||picshow.height>h){
    alert("图像尺寸:"+picshow.width+"X"+picshow.height+"。n图像尺寸过大!你只能上传尺寸为 "+w+"×"+h+"的图像,请重新浏览图片!");
    return true;
    }else{
    return false;
    }
    }else{
    return true;
    }
    }

    function detect(){
    var ok=imgExceedSize(50,50);
    if(ok){
    document.IUpload.reset();
    }else{
    document.IUpload.submit();
    }
    }

    //-->
    </SCRIPT>


  • 原文来自 教程网 转载请注明:http://www.websmill.com/wangye/javascript/6251.html

  • 上一篇:Javascript实例教程(11) 隐藏script代码
  • 下一篇:JavaScript学习笔记(4)表格排序