今天小编给大家分享一下javascript实现登陆验证码的脚本怎么写的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。填写输入信
今天小编给大家分享一下javascript实现登陆验证码的脚本怎么写的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。
<html><body> <fORM method=post action="result.jsp"> <input type=text name=input maxlength=4> <img border=0 src="image.jsp"> <input type="submit"value="submit"> </form></body></html>
<%@ page contentType="image/JPEG" import="java.awt.*,java.awt.image.*,java.util.*,javax.imageio.*" pageEncoding="GBK"%>
给定范围取得随机色彩
<%!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); }%> <%
设置页面不缓存
response.setHeader("Pragma", "No-cache"); response.setHeader("Cache-Control", "no-cache"); response.setDateHeader("Expires", 0);
在内存中创建图像
int width = 60, height = 20; BufferedImage image = new BufferedImage(width,height, BufferedImage.TYPE_INT_RGB);
获得图形上下文
Graphics g = image.getGraphics();
生成随机类
Random random = new Random();
设定背景
g.setColor(getRandColor(200, 250)); g.fillRect(0, 0, width, height);
设定字体
g.setFont(new Font("Times New Roman", Font.PLaiN,18));
画边框
//g.setColor(newColor()); //g.drawRect(0,0,width⑴,height⑴);
随机产生155条干扰线,使图像中的认证码不容易被其它程序探测到
g.setColor(getRandColor(160, 200)); for (int i = 0; i < 100; i++) { int x = random.nextInt(width); int y = random.nextInt(height); int xl = random.nextInt(12); int yl = random.nextInt(12); g.drawLine(x, y, x + xl, y + yl); }
取随机产生的认证码(4位数字)
String sRand = ""; for (int i = 0; i < 4; i++) { String rand =String.valueOf(random.nextInt(10)); sRand += rand;
将认证码显示到图像中
g.setColor(new Color(20 + random.nextInt(110), 20 +random .nextInt(110), 20 +random.nextInt(110)));
调用函数出来的色彩相同,多是由于种子太接近,所以只能直接生成
g.drawString(rand, 13 * i + 6,16); }
将认证码存入SESSION
session.setAttribute("code",sRand);
图像生效
g.dispose();
输出图像到页面
ImageIO.write(image, "JPEG",response.getOutputStream()); %>
<%@ page language="java"import="java.util.*" pageEncoding="GBK"%> <html><body> <% String input=request.getParameter("input"); String code=(String)session.getAttribute("code"); if(input.equals(code)){ out.println("验证成功!"); }else{ out.println("验证失败!"); } %> </body></html>
你的 eclipse 会提示你:graphic.drawString() 方法毛病
是你的 jdk 版本太高了,但是不要紧。把这个项目的兼容版本放低就好了。
具体操作步骤:
右键进程,选中 propriety,再选中“Java compiler”
把 jdk 的兼容版本下降到1.4便可
以上就是“JavaScript实现登陆验证码的脚本怎么写”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注编程网精选频道。
--结束END--
本文标题: JavaScript实现登陆验证码的脚本怎么写
本文链接: https://lsjlt.com/news/309522.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0