JAVAWeb 使用HTML页面创建验证码

实际的项目中登录中需要用到验证码,接下来是我Web项目中所用到验证码技术

index.html

 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 2 <html>
 3   <head>
 4     <title>index.html</title>
 5     <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
 6     <meta http-equiv="description" content="this is my page">
 7     <meta http-equiv="content-type" content="text/html; charset=UTF-8">
 8     <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
 9   </head>
10    <script type="text/javascript">
11    function clk_image(){
12     var img = document.getElementById("sCodeImg");
13     img.src = "Validate.jsp?" + Math.random();
14 }
15    </script>
16   <body>
17    <input type="text" name="code" id="code"/>
18     <img  id="sCodeImg"  alt="请输入验证码" src="Validate.jsp?,Math.random();" onclick="return clk_image();" width="65" height="25">
19   </body>
20 </html>

Validate.jsp

 1 <%@ page contentType="text ml;charset=UTF-8" language="java"%>
 2 <%@ page import="java.awt.*"%>
 3 <%@ page import="java.awt.image.*"%>
 4 <%@ page import="java.util.*"%>
 5 <%@ page import="javax.imageio.*"%>
 6
 7 <%!Color getRandColor(int fc, int bc) {
 8         Random random = new Random();
 9         if (fc > 255)
10             fc = 255;
11         if (bc > 255)
12             bc = 255;
13         int r = fc + random.nextInt(bc - fc);
14         int g = fc + random.nextInt(bc - fc);
15         int b = fc + random.nextInt(bc - fc);
16         return new Color(r, g, b);
17     }%>
18 <%
19     response.setHeader("Pragma", "No-cache");
20     response.setHeader("Cache-Control", "no-cache");
21     response.setDateHeader("Expires", 0);
22     int width = 60;
23     int height = 20;
24     BufferedImage image = new BufferedImage(width, height,
25             BufferedImage.TYPE_INT_RGB);
26     Graphics g = image.getGraphics();
27     Random random = new Random();
28     g.setColor(getRandColor(200, 250));
29     g.fillRect(0, 0, width, height);
30     g.setFont(new Font("Times New Roman", Font.PLAIN, 18));
31     g.setColor(getRandColor(160, 200));
32     for (int i = 0; i < 155; i++) {
33         int x = random.nextInt(width);
34         int y = random.nextInt(height);
35         int x1 = random.nextInt(12);
36         int y1 = random.nextInt(12);
37         g.drawLine(x, y, x + x1, y + y1);
38     }
39     String sRand = "";
40     for (int i = 0; i < 4; i++) {
41         String rand = String.valueOf(random.nextInt(10));
42         sRand += rand;
43         g.setColor(new Color(20 + random.nextInt(110), 20 + random
44                 .nextInt(110), 20 + random.nextInt(110)));
45         g.drawString(rand, 13 * i + 6, 16);
46     }
47     // 将验证码保存到session中,登录验证时再取出和用户输入的进行比较
48     session.setAttribute("checkCode", sRand);
49     g.dispose();
50     ImageIO.write(image, "JPEG", response.getOutputStream());
51     out.clear();
52     out = pageContext.pushBody();
53 %>

时间: 2024-08-29 05:57:04

JAVAWeb 使用HTML页面创建验证码的相关文章

登录页面动态验证码的设置

登录页面动态验证码的设置 采用php中创建对象的思想进行动态验证码的设置 1.创建出一个背景图片,用来存放动态码输出位置 1 function createImage(){ 2 // 创建图片对象,并设置图片的宽高 imagecreatetruecolor 3 $this->image = imagecreatetruecolor($this->width, $this->height); 4 // 图片创建背景颜色 5 // rand(下界,上界), php中的随机数 6 $backg

artdialog 异步加载页面 生成验证码

artdialog  异步加载一个页面 需求:例如现在好多网站的登录或注册 都是点击弹出一个层出来 然后在上面登录.注册 这个登录可能在网站的每个页面都会有,但是我们又不能在每个页面都这一段html加载出来不显示,到需要用的时候,在给shou出来,这样做于情于理都说!不!!过!!!去!!!!!! 恰好以前接触过artdialog  不多说上代码,(注意思维,代码是死的方法是活,解决需求不一定非要这个方法 ) 1.页面html代码 1 <head runat="server">

创建验证码

第一步:在Common层创建一个类ValidateCode public class ValidateCode { public ValidateCode() { } /// <summary> /// 验证码的最大长度 /// </summary> public int MaxLength { get { return 10; } } /// <summary> /// 验证码的最小长度 /// </summary> public int MinLengt

L--怎样让用户点击浏览器后退按钮刷新后退页面的验证码

介绍 项目需要,怎样让用户点击浏览器后退按钮刷新后退页面的验证码,通过cookie来解决 方法一(通过设置前台html)(失败) 本想通过控制html的http-equiv属性来解决问题,如下 http-equiv属性 1.<meta http-equiv="Content-Type" contect="text/html";charset=gb_2312-80"> 和 <meta http-equiv="Content-Lan

.Net常用技巧_C#创建验证码

/// <summary> /// 创建验证码 /// </summary> /// <returns></returns> private string GenerateCheckCode() { int number; char code; string checkCode = String.Empty; System.Random random = new Random(); for (int i = 0; i < 4; i++) { numbe

单点登录CAS使用记(四):为登录页面加上验证码

CAS默认的登录页面样式如下,只有用户名与密码两项验证项目. 现在需要为首页登录加上验证码功能. 第一步:首页对默认登录页面的样式进行了调整,使其看上去还算美观. 在页面上加上了验证码项目. 第二步:导入验证码生成工具包及生成验证码配置 pom.xml中加入如下配置 <dependency> <groupId>com.google.code.kaptcha</groupId> <artifactId>kaptcha</artifactId> &l

创建验证码(上)

一.创建验证码函数 验证码函数输入通用函数,将函数放入global.func.php里 //创建一个四位数的字母数字混合随机码 for($i=0;$i<4:$i++){ $_nmsg .= dechex(mt_rand(0,9)); } //将验证码保存到session里 $SESSION['code']=$_nmsg; //设定验证码图片的长度和宽度 $_width=75; $_height=25; //创建图片 $_img = imagecreatetruecolor($_width,$_h

ASP.NET ashx实现无刷新页面生成验证码

现在大部分网站登陆时都会要求输入验证码,在网上也看了一些范例,现在总结一下如何实现无刷新页面生成验证码. 效果图: 实现方式: 前台: 1 <div> 2 <span>Identifying Code:</span> 3 <asp:TextBox ID="txtValidationCode" runat="server" Width="130px" MaxLength="4">&

注册页面的验证码的实现

验证码 主要:绘制,验证 在一些网站的注册页面,通常在最后会让用户输入验证码,以此防止恶意注册,有些也会在登陆页面,防止暴力破解密码等. 页面的验证码,实际上是一个图片,这个图片事先人们是不知道的,它是由程序随机绘制成的,并且,在产生的时候,程序记录下来了它的值.(便于后面的验证) servlet 服务器小程序,可以实现绘制验证码的功能,绘制的步骤如下: 1.建立图片缓存对象 BufferImage bi = new BufferImage(width,height,绘制类型参数): 原型:Bu