首页 / JAVA / JavaWeb中登录验证码生成
JavaWeb中登录验证码生成
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了JavaWeb中登录验证码生成,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含3001字,纯文字阅读大概需要5分钟。
内容图文
![JavaWeb中登录验证码生成](/upload/InfoBanner/zyjiaocheng/639/7412dc817d924dab81491c45de4115ee.jpg)
1.页面代码
<html>
<head>
<title>Title</title>
<script type="text/javascript" src="/resources/js/jquery-3.3.1.js" ></script>
<script type="text/javascript" >
function reloadCheckImg()
{
$("img").attr("src", "./img.jsp?t="+(new Date().getTime())); //<img src="...">
}
$(document).ready(function(){
$("#checkcodeId").blur(function(){
var $checkcode = $("#checkcodeId").val();
//校验 :文本框中输入的值 发送到服务端。
//服务端: 获取文本框输入的值 ,和真实验证码图片中的值对比 ,并返回验证结果
$.post(
"/CheckCodeServlet",//服务端地址
"checkcode="+$checkcode ,
function(result){//图片地址(imgs/right.jpg imgs/wrong.jpg)
//result: imgs/right.jpg
var resultHtml = $("<img src='"+result+"' height='15' width='15px' />") ;
$("#tip").html(resultHtml);
}
);
});
});
</script>
</head>
<body>
验证码:
<input type="text" name="checkcode" id="checkcodeId" size="4" />
<!-- 验证码-->
<a href="javascript:reloadCheckImg();"> <img src="./img.jsp"/></a>
<span id="tip"> </span>
</body>
</html>
2.绘制验证码
<%!
//随机产生颜色值
public Color getColor(){
Random ran = new Random() ;//Math.random() 0-1
int r = ran.nextInt(256) ;
int g = ran.nextInt(256) ;
int b = ran.nextInt(256) ;
return new Color(r,g,b) ;//red green blue 0-255
}
//产生验证码值
public String getNum() {
// 0-8999 1000-9999
int ran = (int)( Math.random()*9000) +1000 ;
return String.valueOf(ran) ;
}
%>
<%
//禁止缓存,防止验证码过期
response.setHeader("Pragma","no-cache");
response.setHeader("Cache-Control","no-cache");
response.setHeader("Expires","0");
//绘制验证码
BufferedImage image = new BufferedImage(80,30,BufferedImage.TYPE_INT_RGB) ;
//画笔
Graphics graphics = image.getGraphics();
graphics.fillRect(0,0,80,30);
//绘制干扰线条
for(int i=0;i<60;i++)
{
Random ran = new Random() ;
int xBegin = ran.nextInt(80) ;//55
int yBegin = ran.nextInt(30) ;
int xEnd = ran.nextInt(xBegin +10 ) ;
int yEnd = ran.nextInt(yBegin + 10) ;
graphics.setColor( getColor());
//绘制线条
graphics.drawLine(xBegin,yBegin,xEnd,yEnd);
}
graphics.setFont(new Font("seif",Font.BOLD,20));
//绘制验证码
graphics.setColor(Color.BLACK);
String checkCode = getNum() ; //2 1 3 4
StringBuffer sb = new StringBuffer() ;
for(int i=0;i<checkCode.length();i++){
sb.append(checkCode.charAt(i)+" " ) ;//验证码的每一位数字
}
graphics.drawString( sb.toString(), 15,20 );//绘制验证码
//将验证码真实值 保存在session中,供使用时比较真实性
session.setAttribute("CKECKCODE" ,checkCode );
//真实的产生图片
ImageIO.write(image,"jpeg", response.getOutputStream()) ;
//关闭
out.clear();
out = pageContext.pushBody() ; //<input type="image" src="xxx" />
%>
3.service调用
String resultTip = null;
//获取用户输入验证码
String checkcodeClient = request.getParameter("checkcode");
//真实的验证码值
String checkcodeServer = (String) request.getSession().getAttribute("CKECKCODE");
if(checkcodeServer.equals(checkcodeClient)) {
resultTip = "/resources/image/right.jpg";
}else {
resultTip = "/resources/image/wrong.jpg";
}
response.setContentType("text/html;charset=UTF-8");
PrintWriter writer = response.getWriter();
writer.write(resultTip);
writer.close();
writer.flush();
内容总结
以上是互联网集市为您收集整理的JavaWeb中登录验证码生成全部内容,希望文章能够帮你解决JavaWeb中登录验证码生成所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。