【黑马云青年胡浩】jsp页面识别验证码，点击图片没效果 - 黑马程序员技术交流社区

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<base href="<%=basePath%>">
<title>学士后短消息平台</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link type="text/css" rel="stylesheet" href="css/sms.css" />
<script type="text/javascript">
function change() {
var c = document.getElementById("code");
c.src="code.jsp?rand=Math.random()" ;
}
</script>
</head>
<body>
<%out.print(request.getSession().getAttribute("str")); %>
<div id="loginTitle" class="png"></div>
<div id="loginForm" class="userForm png">
<form method="post" name="loginform" action="" onsubmit = "">
<dl>
<dt>用户名：</dt>
<dd><input type="text" name="username" /></dd>
<dt>密　码：</dt>
<dd><input type="password" name="password" /></dd>
<dt>验证码：</dt>
<dd>
<input name="code" />
<img alt="未找到图片" src="code.jsp" id="code" onclick="change()"/>
</dd>
</dl>
<div class="buttons">
<input class="btn-login png" type="submit" name="submit" value=" " /><input class="btn-reg png" type="button" name="register" value=" " />
</div>
</form>
</div>
</body>
</html>

复制代码

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<base href="<%=basePath%>">
<%@ page import="java.awt.*,javax.imageio.*,java.awt.image.*"%>
<%!
Color getRandColor(int fc ,int bc){
Random random=new Random();
if (fc>255){
fc=255;
}
if (bc>255){
bc=255;
}
int r=fc+random.nextInt(bc-fc);
int g=fc+random.nextInt(bc-fc);
int b=fc+random.nextInt(bc-fc);
return new Color(r,g,b);
}
%>
<%
String charsLong = "23456789abcdefghjklmnpqrstuvwxyzABCDEFGHIJKLMNPQRSTUVWXYZ";
String charsShort = "0123456789";
String charss = charsLong;
int charsLength = charss.length();
response.setHeader("Pragma","No-cache");
response.setHeader("Cache-Control","no-cache");
response.setDateHeader("Expires",0);
int width=60;
int height=20;
BufferedImage image=new BufferedImage(width,height,8);
Graphics g=image.getGraphics();
Random random=new Random();
g.setColor(getRandColor(200,250));
g.fillRect(0,0,width,height);
g.setFont(new Font("Arial",Font.PLAIN,18));
g.setColor(getRandColor(100,199));
//画边框
g.drawRect(0,0,width-1,height-1);
//画155条干扰线
for(int i=0;i<5;i++)
{
int x=random.nextInt(width);
int y=random.nextInt(height);
int x1=random.nextInt(12);
int y1=random.nextInt(12);
g.drawLine(x,y,x+x1,y+y1);
}
//随机产生随机码
String str="";
String[] fontNames = { "Times New Roman", "Arial", "Book antiqua" };
for (int i=0;i<4;i++){
g.setFont(new Font(fontNames[random.nextInt(3)], Font.PLAIN, 18));
String rand = String.valueOf(charss.charAt(random.nextInt(charsLength)));
str+=rand;
//将图片显示到图片中
g.setColor(new Color(20+random.nextInt(110),20+random.nextInt(110),20+random.nextInt(110)));
g.drawString(rand,13*i+6,16);
}
request.getSession().setAttribute("str",str);
g.dispose();
out.clear();
out= pageContext.pushBody();
ImageIO.write(image,"jpeg",response.getOutputStream());
%>

复制代码

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
%>
<html>
<head>
<title>登录</title>
</head>
<script type="text/javascript">
function changeCheckCode(){
var code=document.getElementById("Code");
code.setAttribute("src", "/ValidateCode/ValidateCodeServlet?rd="+Math.random());
}
</script>
<body>
<form>
用户名：<input type="text" name="name"/>
密码：<input type="password" name="password"/>
验证码：<input type="text" name="validateCode"/>
<span><img src="<%=path %>/ValidateCodeServlet" id="Code"></span>
<a href="javascript:changeCheckCode()">看不清，换一张</a>
</form>
</body>
</html>

复制代码