直接跳severlet在java后台生成验证码:
@RequestMapping(value="yzm.action")
public void Yzm(HttpSession session,HttpServletResponse resp){
// 验证码图片的宽度。
int width = 60;
// 验证码图片的高度。
int height = 20;
// 验证码字符个数
int codeCount = 4;
int x = 0;
// 字体高度
int fontHeight;
int codeY;
char[] codeSequence = { 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J',
'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W',
'X', 'Y', 'Z', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9' };
x = width / (codeCount + 1);
fontHeight = height - 2;
codeY = height - 4;
BufferedImage buffImg = new BufferedImage(width, height,
BufferedImage.TYPE_INT_RGB);
Graphics2D g = buffImg.createGraphics();
// 创建一个随机数生成器类
Random random = new Random();
// 将图像填充为白色
g.setColor(Color.WHITE);
g.fillRect(0, 0, width, height);
// 创建字体,字体的大小应该根据图片的高度来定。
Font font = new Font("Fixedsys", Font.PLAIN, fontHeight);
// 设置字体。
g.setFont(font);
// 画边框。
// g.setColor(Color.BLACK);
// g.drawRect(0, 0, width - 1, height - 1);
// 随机产生160条干扰线,使图象中的认证码不易被其它程序探测到。
g.setColor(Color.BLACK);
for (int i &#61; 0; i <1; i&#43;&#43;) {
int x2 &#61; random.nextInt(width);
int y2 &#61; random.nextInt(height);
int xl &#61; random.nextInt(12);
int yl &#61; random.nextInt(12);
g.drawLine(x2, y2, x &#43; xl, y2 &#43; yl);
}
// randomCode用于保存随机产生的验证码&#xff0c;以便用户登录后进行验证。
StringBuffer randomCode &#61; new StringBuffer();
int red &#61; 0, green &#61; 0, blue &#61; 0;
// 随机产生codeCount数字的验证码。
for (int i &#61; 0; i // 得到随机产生的验证码数字。
String strRand &#61; String.valueOf(codeSequence[random.nextInt(36)]);
// 产生随机的颜色分量来构造颜色值&#xff0c;这样输出的每位数字的颜色值都将不同。
red &#61; random.nextInt(255);
green &#61; random.nextInt(255);
blue &#61; random.nextInt(255);
// 用随机产生的颜色将验证码绘制到图像中。
g.setColor(new Color(red, green, blue));
g.drawString(strRand, (i &#43; 1) * x, codeY);
// 将产生的四个随机数组合在一起。
randomCode.append(strRand);
}
// 将四位数字的验证码保存到Session中。
session.setAttribute("validateCode", randomCode.toString());
ServletOutputStream sos;
try {
sos &#61; resp.getOutputStream();
ImageIO.write(buffImg, "jpeg", sos);
sos.close();
} catch (IOException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
}
jsp显示页面的代码&#xff0c;点击图片刷新
${validateCode}$("#img").click(function(){
$(this).attr("src","yzm.action?"&#43;new Date().getTime());
});
将文本框中的值传入后台&#xff0c;与最开始生成验证码的随机数进行比较即可完成验证。
页面上拿到的session的值老是比验证码晚一步&#xff0c;所以采取后台进行验证。这里我也不知道什么原因&#xff0c;望小伙伴们告知。。。
另一种思路&#xff0c;后台生成随机数&#xff0c;前端生成画布&#xff0c;用ajax拿随机数
//后台只生成随机数
&#64;RequestMapping(value&#61;"random.action")
public void findRandom (HttpServletResponse response) throws IOException{
// 验证码字符个数
int codeCount &#61; 4;
char[] codeSequence &#61; { &#39;A&#39;, &#39;B&#39;, &#39;C&#39;, &#39;D&#39;, &#39;E&#39;, &#39;F&#39;, &#39;G&#39;, &#39;H&#39;, &#39;I&#39;, &#39;J&#39;,
&#39;K&#39;, &#39;L&#39;, &#39;M&#39;, &#39;N&#39;, &#39;O&#39;, &#39;P&#39;, &#39;Q&#39;, &#39;R&#39;, &#39;S&#39;, &#39;T&#39;, &#39;U&#39;, &#39;V&#39;, &#39;W&#39;,
&#39;X&#39;, &#39;Y&#39;, &#39;Z&#39;, &#39;0&#39;, &#39;1&#39;, &#39;2&#39;, &#39;3&#39;, &#39;4&#39;, &#39;5&#39;, &#39;6&#39;, &#39;7&#39;, &#39;8&#39;, &#39;9&#39; };
// 创建一个随机数生成器类
Random random &#61; new Random();
// randomCode用于保存随机产生的验证码&#xff0c;以便用户登录后进行验证。
StringBuffer randomCode &#61; new StringBuffer();
for (int i &#61; 0; i // 得到随机产生的验证码数字。
String strRand &#61; String.valueOf(codeSequence[random.nextInt(36)]);
// 将产生的四个随机数组合在一起。
randomCode.append(strRand);
}
PrintWriter out &#61; response.getWriter();
out.print(randomCode);
}
jsp&#xff0c;jq&#xff0c;js代码
换一张
$.ajax({
url:"random.action",
success:function(k){
console.log(k)
$("#yzms").attr("value",k);
drawPic();
}
})
$("#img").on("click",function(){
var _this&#61;$(this)
$.ajax({
url:"random.action",
success:function(k){
console.log(k)
$("#yzms").attr("value",k);
drawPic();
}
})
})
/**生成一个随机数**/
function randomNum(min,max){
return Math.floor( Math.random()*(max-min)&#43;min);
}
/**生成一个随机色**/
function randomColor(min,max){
var r &#61; randomNum(min,max);
var g &#61; randomNum(min,max);
var b &#61; randomNum(min,max);
return "rgb("&#43;r&#43;","&#43;g&#43;","&#43;b&#43;")";
}
/**绘制验证码图片**/
function drawPic(){
var canvas&#61;document.getElementById("canvas");
var width&#61;canvas.width;
var height&#61;canvas.height;
var ctx &#61; canvas.getContext(&#39;2d&#39;);
ctx.textBaseline &#61; &#39;bottom&#39;;
/**绘制背景色**/
ctx.fillStyle &#61; randomColor(180,240); //颜色若太深可能导致看不清
ctx.fillRect(0,0,width,height);
/**绘制文字**/
/* for(var i&#61;0; i<4; i&#43;&#43;){ */
var txt &#61; $("#yzms").attr("value");
ctx.fillStyle &#61; randomColor(50,160); //随机生成字体颜色
ctx.font &#61; randomNum(15,20)&#43;&#39;px SimHei&#39;; //随机生成字体大小
var x &#61; 20;
var y &#61; randomNum(20,30);
var deg &#61; randomNum(-45, 45);
//修改坐标原点和旋转角度
ctx.translate(x,y);
ctx.rotate(deg*Math.PI/180);
ctx.fillText(txt, 0,0);
//恢复坐标原点和旋转角度
ctx.rotate(-deg*Math.PI/180);
ctx.translate(-x,-y);
/* } */
/* /**绘制干扰线**/
for(var i&#61;0; i<8; i&#43;&#43;){
ctx.strokeStyle &#61; randomColor(40,180);
ctx.beginPath();
ctx.moveTo( randomNum(0,width), randomNum(0,height) );
ctx.lineTo( randomNum(0,width), randomNum(0,height) );
ctx.stroke();
}
/**绘制干扰点**/
/* for(var i&#61;0; i<100; i&#43;&#43;){
ctx.fillStyle &#61; randomColor(0,255);
ctx.beginPath();
ctx.arc(randomNum(0,width),randomNum(0,height), 1, 0, 2*Math.PI);
ctx.fill();
} */
}
效果展示&#xff1a;
总结
以上所述是小编给大家介绍的Java后端产生验证码后台验证功能的实现代码,希望对大家有所帮助&#xff0c;如果大家有任何疑问请给我留言&#xff0c;小编会及时回复大家的。在此也非常感谢大家对谷谷点程序网站的支持&#xff01;
如果你觉得本文对你有帮助&#xff0c;欢迎转载&#xff0c;烦请注明出处&#xff0c;谢谢&#xff01;