在客户端限制上传图片的容量大小

来源:互联网 发布:apache tomcat 4.0.6 编辑:程序博客网 时间:2024/06/10 14:58

 上传的图片的容量大小如果超过200k,则弹出提示信息;如果小于200k,则返回到test.jsp页面

<%@page contentType="text/html;charset=gb2312"%>
<html>
<head>
<LINK href="admin/style.css" rel=stylesheet type=text/css>
<title>限制上传的图片的容量</title>
</head>
<body>

<SCRIPT LANGUAGE="JAVASCRIPT">
<!--
function checkLength()
{
var len = document.all.show.fileSize
if (len > 200000) {
  alert("对不起,上传的图片大小不能超过200K! ");
  return false;
}
}
//-->
</SCRIPT>

    <form name="image" action="test.jsp"  method="post" enctype="multipart/form-data">

        <img id="show" src="" width="100" height="100" align="middle"/>

上传图片:<input type="file" name="picture" onchange="show.src=this.value" size="40"/>
    
    <input type="submit" value=" 提    交 " onclick="return checkLength()"/>   

 <form>
</table>
</body>
</html>

 

原创粉丝点击