Web验证码的实现方法(3)---开源组件Kaptcha

最新推荐文章于 2024-02-28 14:54:13 发布
最新推荐文章于 2024-02-28 14:54:13 发布
阅读量1.7k 收藏 1
点赞数 2
分类专栏： JSP 文章标签： 验证码 jsp 开源
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/rocky_03/article/details/52145280
版权

Kapatcha组件

Kaptcha组件实现更多功能的验证码功能,可以调整验证码的大小，图片背景，干扰线条颜色形状等，非常方便。有”加减法验证模式“和“中文模式”。

1，jsp部分

1.1--index.jsp

body>
    <h1>Kapatcha验证码</h1> 
    <img alt="random" src="randomcode.jpg" οnclick="changeR(this)" style="cursor: pointer;">
	<form action="check.jsp">
		<input type="text" name="r" value="">
		<input type="submit" value="submit">
	</form>
	<br>
  </body>

1.2--check.jsp

<%
    	String result = (String)request.getSession().getAttribute("KAPTCHA_SESSION_KEY");
    	String check = request.getParameter("r");
    	if(result.equals(check)){
    		out.println("验证码正确");
    	}else
    	 out.println("验证码错误");
 %>

2,--Servlet部分

2.1--加发求和验证码

这个也是要先导入jar包反正该项目的WEBROOT目录的lib包中
下载地址：目前未审核成功，日后加上，百度上也可以搜到，效果一样 
package servlet;

import com.google.code.kaptcha.Producer;
import com.google.code.kaptcha.util.Config;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.util.Enumeration;
import java.util.Properties;
import javax.imageio.ImageIO;
import javax.servlet.Servlet;
import javax.servlet.ServletConfig;
import javax.servlet.ServletException;
import javax.servlet.ServletOutputStream;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;

public class KaptchaServlet extends HttpServlet implements Servlet {
	private Properties props;//类似于map,有键值映射关系
	private Producer kaptchaProducer;
	private String sessionKeyValue;

	public KaptchaServlet() {
		this.props = new Properties();

		this.kaptchaProducer = null;

		this.sessionKeyValue = null;
	}

	public void init(ServletConfig conf) throws ServletException {
		super.init(conf);
		
		//设置用户缓存为false,用系统缓存防止图片过大导致内存溢出
		ImageIO.setUseCache(false);
		
		Enumeration initParams = conf.getInitParameterNames();
		while (initParams.hasMoreElements()) {
			String key = (String) initParams.nextElement();
			String value = conf.getInitParameter(key);
			this.props.put(key, value);
		}

		Config config = new Config(this.props);
		this.kaptchaProducer = config.getProducerImpl();
		this.sessionKeyValue = config.getSessionKey();
	}

	public void doGet(HttpServletRequest req, HttpServletResponse resp)
			throws ServletException, IOException {
		//代理服务器端防止缓冲
		resp.setDateHeader("Expires", 0L);

		resp.setHeader("Cache-Control", "no-store, no-cache, must-revalidate");

		resp.addHeader("Cache-Control", "post-check=0, pre-check=0");

		resp.setHeader("Pragma", "no-cache");
		//设置内容格式为图片
		resp.setContentType("image/jpeg");
		//获得创建的两个随机数，并分离
		String capText = this.kaptchaProducer.createText();
		String s1 = capText.substring(0, 1);
		String s2 = capText.substring(1, 2);
		int r = Integer.valueOf(s1).intValue() + Integer.valueOf(s2).intValue();
		//计算结果存入Session的Attribute中
		req.getSession().setAttribute(this.sessionKeyValue, String.valueOf(r));
		//设置图片显示内容
		BufferedImage bi = this.kaptchaProducer.createImage(s1+"+"+s2+"=?");
		//获得response的输出流
		ServletOutputStream out = resp.getOutputStream();
		//绘制图片
		ImageIO.write(bi, "jpg", out);
		try {
			out.flush();
		} finally {
			out.close();
		}
	}
}

2.2--中文验证码

package servlet;
import java.util.Random;

import com.google.code.kaptcha.text.TextProducer;
import com.google.code.kaptcha.util.Configurable;

public class ChineseText extends Configurable implements TextProducer {

	//获得中文验证码文字
	public String getText() {
		int length = getConfig().getTextProducerCharLength();
		//char[] charS = getConfig().getTextProducerCharString();
		
		String[] s = new String[]{"慕","课","网","教","程","验","证","码","实","例"};

		Random rand = new Random();
		StringBuffer sb = new StringBuffer();
		for(int i = 0; i < length; i++){
			int ind = rand.nextInt(s.length);
			sb.append(s[ind]);
		}
		return sb.toString();
	}
	/*获得数字英文大写字母验证码
	 */
	public String getText1() {
		int length = getConfig().getTextProducerCharLength();
		String finalWord = "", firstWord = "";
		int tempInt = 0;
		String[] array = { "0", "1", "2", "3", "4", "5", "6", "7", "8", "9",
				"a", "b", "c", "d", "e", "f" };
		Random rand = new Random();

		for (int i = 0; i < length; i++) {
			switch (rand.nextInt(array.length)) {//16以内的随机数
			case 1:
				tempInt = rand.nextInt(26) + 65;//A~Z的ASCii码对应的数值
				firstWord = String.valueOf((char) tempInt);//转化成字符型在转化成字符串型
				break;
			case 2:
				int r1,r2,r3,r4;
				String strH,strL;// high&low
				r1 = rand.nextInt(3) + 11; // 前闭后开[11,14)
				if (r1 == 13) {
					r2 = rand.nextInt(7);//[0,7)
				} else {
					r2 = rand.nextInt(16);//[0,16)
				}

				r3 = rand.nextInt(6) + 10;//[10,16)
				if (r3 == 10) {
					r4 = rand.nextInt(15) + 1;
				} else if (r3 == 15) {
					r4 = rand.nextInt(15);
				} else {
					r4 = rand.nextInt(16);//[0,16)
				}

				strH = array[r1] + array[r2];
				strL = array[r3] + array[r4];

				byte[] bytes = new byte[2];
				//16表示strH是十六进制，并返回十进制的数
				bytes[0] = (byte) (Integer.parseInt(strH, 16));
				bytes[1] = (byte) (Integer.parseInt(strL, 16));

				firstWord = new String(bytes);
				break;
			default:
				tempInt = rand.nextInt(10) + 48;//[48,58)对应ASCii码0~9
				firstWord = String.valueOf((char) tempInt);
				break;
			}
			finalWord += firstWord;
		}
		return finalWord;
	}
}


3--web.xml部分

这个比较多，基本上能用到的功能都给出来了 
<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.4" 
	xmlns="http://java.sun.com/xml/ns/j2ee" 
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
	xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee 
	http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
  <welcome-file-list>
    <welcome-file>index.jsp</welcome-file>
  </welcome-file-list>
  <!-- 随机验证码的类路径  com.google.code.kaptcha.servlet.KaptchaServlet 当改为中文验证码时候要设置为此 -->
  <servlet>
  	<servlet-name>Kaptcha</servlet-name>
  	<servlet-class>servlet.KaptchaServlet</servlet-class>
  	<init-param>
			<description>图片边框，合法值：yes , no</description>
			<param-name>kaptcha.border</param-name>
			<param-value>yes</param-value>
		</init-param>
		<init-param>
			<description>
				边框颜色，合法值： r,g,b (and optional alpha) 或者
				white,black,blue.
			</description>
			<param-name>kaptcha.border.color</param-name>
			<param-value>black</param-value>
		</init-param>
		<init-param>
			<description>边框厚度，合法值：>0</description>
			<param-name>kaptcha.border.thickness</param-name>
			<param-value>1</param-value>
		</init-param>
		<init-param>
			<description>图片宽 200</description>
			<param-name>kaptcha.image.width</param-name>
			<param-value>200</param-value>
		</init-param>
		<init-param>
			<description>图片高 50</description>
			<param-name>kaptcha.image.height</param-name>
			<param-value>50</param-value>
		</init-param>
		<init-param>
			<description>图片实现类</description>
			<param-name>kaptcha.producer.impl</param-name>
			<param-value>
				com.google.code.kaptcha.impl.DefaultKaptcha
			</param-value>
		</init-param>
		<init-param>
			<description>文本实现类</description>
			<param-name>kaptcha.textproducer.impl</param-name>
			<param-value>
<span style="white-space:pre">				</span><!-- 当为自定义中文验证码设置为servle.ChineseText -->
<span style="white-space:pre">				</span>servlet.ChineseText
				<!--加减法时候设置为此 com.google.code.kaptcha.text.impl.DefaultTextCreator -->
			</param-value>
		</init-param>
		<init-param>
			<description>文本集合，验证码值从此集合中获取</description>
			<param-name>kaptcha.textproducer.char.string</param-name>
			<param-value>1234567890</param-value>
			  <!--<param-value>abcde2345678gfynmnpwx</param-value>-->
			<!--<param-value>慕课网教程验证码实例</param-value> -->
		</init-param>
		<init-param>
			<description>验证码长度 5</description>
			<param-name>kaptcha.textproducer.char.length</param-name>
			<param-value>2</param-value>
		</init-param>
		<init-param>
			<description>字体 Arial, Courier</description>
			<param-name>kaptcha.textproducer.font.names</param-name>
			<param-value>Arial, Courier</param-value>
		</init-param>
		<init-param>
			<description>字体大小 40px.</description>
			<param-name>kaptcha.textproducer.font.size</param-name>
			<param-value>40</param-value>
		</init-param>
		<init-param>
			<description>
				字体颜色，合法值： r,g,b 或者 white,black,blue.
			</description>
			<param-name>kaptcha.textproducer.font.color</param-name>
			<param-value>black</param-value>
		</init-param>
		<init-param>
			<description>文字间隔 2</description>
			<param-name>kaptcha.textproducer.char.space</param-name>
			<param-value>2</param-value>
		</init-param>
		<init-param>
			<description>干扰实现类</description>
			<param-name>kaptcha.noise.impl</param-name>
			<param-value>
				<!-- com.google.code.kaptcha.impl.NoNoise -->
				com.google.code.kaptcha.impl.DefaultNoise
			</param-value>
		</init-param>
		<init-param>
			<description>
				干扰颜色，合法值： r,g,b 或者 white,black,blue.
			</description>
			<param-name>kaptcha.noise.color</param-name>
			<param-value>black</param-value>
		</init-param>
		<init-param>
			<description>
				图片样式： 水纹com.google.code.kaptcha.impl.WaterRipple
				鱼眼com.google.code.kaptcha.impl.FishEyeGimpy
				阴影com.google.code.kaptcha.impl.ShadowGimpy
			</description>
			<param-name>kaptcha.obscurificator.impl</param-name>
			<param-value>
				com.google.code.kaptcha.impl.WaterRipple
			</param-value>
		</init-param>
		<init-param>
			<description>背景实现类</description>
			<param-name>kaptcha.background.impl</param-name>
			<param-value>
				com.google.code.kaptcha.impl.DefaultBackground
			</param-value>
		</init-param>
		<init-param>
			<description>背景颜色渐变，开始颜色</description>
			<param-name>kaptcha.background.clear.from</param-name>
			<param-value>green</param-value>
		</init-param>
		<init-param>
			<description>背景颜色渐变，结束颜色</description>
			<param-name>kaptcha.background.clear.to</param-name>
			<param-value>white</param-value>
		</init-param>
		<init-param>
			<description>文字渲染器</description>
			<param-name>kaptcha.word.impl</param-name>
			<param-value>
				com.google.code.kaptcha.text.impl.DefaultWordRenderer
			</param-value>
		</init-param>
		<init-param>
			<description>
				session中存放验证码的key键
			</description>
			<param-name>kaptcha.session.key</param-name>
			<param-value>KAPTCHA_SESSION_KEY</param-value>
		</init-param>
		<init-param>
			<description>
				The date the kaptcha is generated is put into the
				HttpSession. This is the key value for that item in the
				session.
			</description>
			<param-name>kaptcha.session.date</param-name>
			<param-value>KAPTCHA_SESSION_DATE</param-value>
		</init-param>
  </servlet>
  <servlet-mapping>
  	<servlet-name>Kaptcha</servlet-name>
  	<url-pattern>/randomcode.jpg</url-pattern>
  </servlet-mapping>
</web-app>

总结：

kaptcha组件使用更加方便，自定义功能很多，这次实现了普通验证码功能和加法验证码功能，还可以设置自定义中文验证码，非常方便。





Bart_G
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
验证码开源组件--Jcaptcha和Kaptcha
08-07
支持验证码制作的开源组件，很好用
生成验证码时，验证码图片不显示，报错信息如下：Can‘t create output stream；Can‘t create cache file
shs1124的博客
03-28 7157
登录验证时，验证码不显示，解决办法如下： 今天写了一个简单的demo,测试使用验证码登录验证，遇到了一个问题，验证码不显示，浏览器显示页面如下（简单测试，页面就随便写了一个） 浏览器显示界面如下（验证码无法显示）： 报错信息如下： 错误日志1： 错误日志2： 错误日志3： 错误总结下来大概就是下面三个： Can't create output stream!（没有办法创建输出流） Can't create cache file!（没有办法创建缓冲文件） ...
java imageio temp_Java ImageIO.setUseCache方法代碼示例
weixin_34701288的博客
02-23 575
本文整理匯總了Java中javax.imageio.ImageIO.setUseCache方法的典型用法代碼示例。如果您正苦於以下問題：Java ImageIO.setUseCache方法的具體用法？Java ImageIO.setUseCache怎麽用？Java ImageIO.setUseCache使用的例子？那麽恭喜您, 這裏精選的方法代碼示例或許可以為您提供幫助。您也可以進一步了解該方法所...
封装验证码组件的简易教程
CRMEB小程序商城的博客
02-28 1478
验证码我们平时应该不少见到，其原理就是通过HTML5 Canvas API也就是我们说的画布，我们可以通过算法随机生成一系列字符、数字或图形，并将它们以扭曲、拉伸、旋转、添加噪点，以增加机器识别难度。对于更高级的验证码，可以使用SVG或者其他矢量图技术来创建复杂且难以解析的图形。
解决ImageIo类上传到服务器无法显示的情况
白面小生的博客
01-30 2345
这里就不贴源码了，我们使用Image类创建图片验证码，启动服务，本地测试正常显示，请求服务器上的 不能正常显示。。 主要原因： 主要原因是因为ImageIO需要默认需要有一个文件夹作为缓冲（默认是写入到tomcat/temp文件夹下），而tomcat默认是不会创建temp文件夹的，所以需要我们手动创建temp文件夹。 解决办法： 第一种：      在tomcat下新建temp目录;  ...
javax.imageio.IIOException: Can‘t create output stream!（验证码图片不显示）
『愚』的博客
12-16 7381
javax.imageio.IIOException: Can't create output stream!（验证码图片不显示）问题分析解决方案1.在tomcat文件夹里创建个temp文件夹2.添加ImageIO.setUseCache(false);语句 问题 今天遇到个很怪的问题，在机房电脑运行代码时，验证码图片可以生成，回来在自己的电脑运行就不可以了，验证码图片加载不出现，单独访问生成验证码的CheckCodeServlet时，报了下面的错误（在机房是可以访问的）。 HTTP状态 500 - 内部服
基于Java的tianai-captcha行为验证码设计源码
最新发布
04-15
基于Java的tianai-captcha行为验证码设计源码，该项目包含90个文件，主要文件类型有63个java...该项目是一个基于Java的tianai-captcha行为验证码设计源码，可能涉及用户界面设计、应用逻辑实现、数据存储等多个方面。
TSGMCaptcha:TSGMCaptcha 是验证码的组件-开源
07-18
TSGMCaptcha 是验证码的组件
Polymer:Web组件库-开源
04-25
Polymer是一个轻量级的Web组件库，可让您创建封装的Web组件，它们的工作方式与标准HTML元素相同。 这些元素可用于构建Web应用程序，并且可重复使用。 在构建UI组件时，Polymer可能特别有用。 不必在不同的框架和不同...
qt-open-icon-开源嵌入式QT组件
11-06
借鉴WEB前端开发中图标使用字体库的方式生成，把这种方法也运用到QT开发中， 摒弃传统的贴图方式，让你在QT开发中从繁琐的图片维护中解放出来。 再开发各种常用的漂亮组件
Kptcha生成验证码自定义实现
u010913170的博客
11-03 177
验证码生成自定义实现
引入kaptcha图形验证码及其配置
ElendaLee的专栏
10-21 1044
引入kaptcha图形验证码及其配置
kaptcha生成自定义图片验证码
private
04-05 6673
因为项目需要，在发短信验证码 之前加上图片验证码。根据网上提供的资料很快的就实现了。因为kaptcha相当于是别人封装的，效果比较单一，所以在简单实现后自己试着改了改。虽然还是挺不好看的，还是想自己记录下来，下次就可以看自己的笔记而不用再在网上找了。 先写最简单的配置实现的吧，效果图： 1.maven项目首先配置pom文件导入jar包； com.google
SpringBoot整合kaptcha（谷歌验证码工具）实现验证码功能
qq_50954744的博客
09-11 4474
SpringBoot整合kaptcha（谷歌验证码工具）实现验证码功能，kaptcha是Google提供的一个图形验证码插件，有了它，你可以通过简单的配置生成各种样式的验证码。
C#编写图形验证码
qq_42532852的博客
09-23 1517
写一个需要随机产生图形的码的类 需要通过Nuget管理工具下载以下两个命名空间。 using System.Drawing; using System.Drawing.Imaging; 1.生成图形码需要的类的代码如下： public byte[] GetVerifyCode() { int codeW = 80; int codeH = 30; int fontSize = 16;//字体大小
springboot：集成Kaptcha实现图片验证码
拒绝熬夜啊的博客
12-06 1293
springboot：集成Kaptcha实现图片验证码
Java使用BufferedImage裁剪图片
gaojie12的博客
12-20 3912
Java裁剪图片
springboot验证码kaptcha之加减法运算
ifelse的个人博客
05-14 3129
@TOC 前言 实现加减法判断的图形验证码，效果如下图 一、实现原理 自定义一个kaptcha.textproducer.impl的实现类 二、实现步骤 1.自定义一个AftTextCreator类 代码如下（示例）： package com.zjyc.qzaft.entity.customs; import com.google.code.kaptcha.text.impl.DefaultTextCreator; import com.google.common.base.Objects; /**
gpt-3 开源实现地址
06-11
很抱歉，目前GPT-3的源码尚未公开发布，因为GPT-3是由OpenAI公司开发的商业化产品，他们并没有公开其源代码。但是，您可以参考GPT-3的论文和开发者文档，了解其大致的工作原理和使用方法。另外，一些开发者也在尝试使用类似的技术实现自己的开源版本，例如EleutherAI的GPT-Neo等。您可以搜索相关的开源项目进行了解和使用。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值