使用开源工具制作网页验证码的方法

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了使用开源工具制作网页验证码的方法，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含9579字，纯文字阅读大概需要14分钟。

内容图文

开发工具：eclipse、kaptcha-2.3.jar包。

一、创建Web项目；

二、新建一个Jsp页面（内容有，一个文本框，一个图片容器，一个提交按钮)

<body>
<img alt="random" src="randomcode.jpg" onclick="changeR(this)" style="cursor: pointer;">
<form action="check.jsp">
<input type="text" name="r">
<input type="submit" value="s">
</form>
</body>

三、可以看出图片验证码来源（src=“randomcode.jpg”）需配置Web.xml文件。（交给Servlet（该servlet在kaptcha-2.3.jar）处理）

<servlet>
<servlet-name>Kaptcha</servlet-name>
<servlet-class>com.google.code.kaptcha.servlet.KaptchaServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>Kaptcha</servlet-name>
<url-pattern>/randomcode.jpg</url-pattern>
</servlet-mapping>

四、由于需要kaptcha-2.3.jar包，所以将下载好的jar包导入在lib中。（复制黏贴即可）

其他：

一、网页验证码的属性

（一）添加边框

<servlet>
<init-param>
<description>图片边框，合法值：yes , no</description>
<param-name>kaptcha.border</param-name>
<param-value>yes</param-value> <!-- yes 或者 no-->
</init-param>
</servlet>

（二）边框颜色

<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.textproducer.char.string</param-name>
<param-value>1234567890</param-value> <!--纯数字 -->
//<param-value>abcde2345678gfynmnpwx</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>

（十八）图片的验证码会保存在Session中，其中的值为

<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>图片实现类</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>
com.google.code.kaptcha.text.impl.DefaultTextCreator
</param-value>
</init-param>

重写文本实现类，实现验证码为中文：

1.创建一个类别，继承Configurable 实现TextProducer（在jar包中）

import com.google.code.kaptcha.text.TextProducer;
import com.google.code.kaptcha.util.Configurable;
import java.util.Random;
public class ChineseText extends Configurable implements TextProducer {
public String getText() {
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)) {
case 1:
tempInt = rand.nextInt(26) + 65;
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);
} else {
r2 = rand.nextInt(16);
}
r3 = rand.nextInt(6) + 10;
if (r3 == 10) {
r4 = rand.nextInt(15) + 1;
} else if (r3 == 15) {
r4 = rand.nextInt(15);
} else {
r4 = rand.nextInt(16);
}
strH = array[r1] + array[r2];
strL = array[r3] + array[r4];
byte[] bytes = new byte[2];
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;
firstWord = String.valueOf((char) tempInt);
break;
}
finalWord += firstWord;
}
return finalWord;
}
}

2.修改Web.xml配置

<init-param>
<description>文本实现类</description>
<param-name>kaptcha.textproducer.impl</param-name>
<param-value>
ChineseText
</param-value>
</init-param>
五、验证码的校验（本文是利用check.jsp来校验的）保存在Session中，其中的键值为（第十八个属性）
[html] view plain copy
<body>
<%
// 检查是否是正确的验证码
String k = (String) session.getAttribute(com.google.code.kaptcha.Constants.KAPTCHA_SESSION_KEY);
String str = request.getParameter("r");
if (k.equals(str))
out.print("true");
out.print(k + "---" + str);
%>
</body>

六、扩展（加法验证码的实现）

1.重写KaptchaServlet类

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;
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);
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();
req.getSession().setAttribute(this.sessionKeyValue, String.valueOf(r));
BufferedImage bi = this.kaptchaProducer.createImage(s1+"+"+s2+"=?");
ServletOutputStream out = resp.getOutputStream();
ImageIO.write(bi, "jpg", out);
try {
out.flush();
} finally {
out.close();
}
}
}

2.修改配置文件

<servlet>
<servlet-name>Kaptcha</servlet-name>
<servlet-class>KaptchaServlet</servlet-class>
</servlet>

以上所述是小编给大家介绍的使用开源工具制作网页验证码的方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对PHP中文网的支持！

更多使用开源工具制作网页验证码的方法相关文章请关注PHP中文网！

内容总结

以上是互联网集市为您收集整理的使用开源工具制作网页验证码的方法全部内容，希望文章能够帮你解决使用开源工具制作网页验证码的方法所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/147453.html

来源：【匿名】

【上一篇】求斐波那契(Fibonacci)数列通项的七种实现方法【下一篇】PHP 5 数据对象 (PDO) 抽象层与 Oracle

更多 ►

【使用开源工具制作网页验证码的方法】教程文章相关的互联网学习教程文章

控制器【https://blog.csdn.net/John_rush/article/details/80169702】public function verify(){ $captcha = new \think\captcha\Captcha(); //使用中文验证码 $captcha->useZh = true; //验证码过期时间（s） $captcha->expire =1800; //是否画混淆曲线 $captcha->useCurve =true; //是否添加杂点 $captcha->useNoise = true; //验证码位数 $capt...

Thinkphp 边学边用-验证码无意间犯的错【代码】

先看代码：1 $(".verify_img").click(function(){ 2var timenow = new Date().getTime(); 3var url ="{:U(‘index/loginverify‘)}&t="+timenow; 4 alert(url); 5 $(this).attr("src",url) 6 });以上代码导致验证码点击切换导致验证码图片无法显示。再看下面代码： $(".reloadverify").click(function(){var timenow = new Date().getTime();var url ="{:U(‘index/loginVerify‘)}?t="+timenow;$("#image_d")....

PHP生成各种验证码和Ajax验证

网址：http://www.helloweba.com/view-blog-191.html源码下载地址：http://files.cnblogs.com/h07061108/php%E9%AA%8C%E8%AF%81%E7%A0%81.rar原文：http://www.cnblogs.com/h07061108/p/verification_code.html

PHP 生成验证码【代码】

code.php: 1 <?php 2//验证码制作3 //文件头... 4header("Content-type: image/png"); 5//创建真彩色白纸 6$im = @imagecreatetruecolor(50, 20) or die("建立图像失败"); 7//获取背景颜色 8$background_color = imagecolorallocate($im, 255, 255, 255); 9//填充背景颜色(这个东西类似油桶) 10 imagefill($im,0,0,$background_color); 11//获取边框颜色 12$border_color = imagecolorallocate($im,200,200,200); 13//...

PHP识别验证码-image-ocr【代码】

今天下午要写一个爬虫，以前使用python写的，由于本人对python不熟悉，所以还是改成PHP吧，其中有一个验证码识别的，百度搜索到的博客都表示，起码中文无法识别，于是在packagist搜习惯性，抓到一个很好用的包：https://packagist.org/packages/thiagoalessio/tesseract_ocr在readme写着如何在win系统下载安装 tesseract.exe （记得加入环境变量）但是本人无论怎么加都是报command not foundhttps://stackoverflow.com/questions/5...

thinkphp 验证码

在控制器中定义一个控制器,一定要开启 sessionclass PublicAction extends Action { public function verify() { session(‘[start]‘); import(‘ORG.Util.Image‘); Image::buildImageVerify(4,5); }}在调用面面中可用<img src="__APP__/Public/verify/" id="verify" onclick="changeVerify()" />刷新时用：<script>function changeVerify(){ var imgVerify = document.getElementById(‘verify‘...

php制作验证码

我们知道，验证码是一张图片，但是php本身并不支持图片的处理，需要借助于GD库。我们来看一下利用gd库实现验证码的制作：直接看代码~<?php //制作验证码 $im=imagecreatetruecolor(200,50); //创建背景色 $color=imagecolorallocate($im,mt_rand(200,255),mt_rand(200,255),mt_rand(200,255)); //填充画布 imagefill($im,0,0,$color); //获取验证码数据 $str=‘abcdefghijklmnopqrstuvwxyzABCDEFGHIJK...

php 模拟登陆（不带验证码）采集数据【代码】【图】

这里模拟表单登陆窗口提交代码部分1，生成session_id保存到 cookie$login_url = ‘http://www.96net.com.cn/Login.php‘;$cookie_file = dirname(__FILE__)."/pic.cookie";$ch = curl_init();curl_setopt($ch, CURLOPT_URL, $login_url);curl_setopt($ch, CURLOPT_HEADER, 0);curl_setopt($ch, CURLOPT_RETURNTRANSFER,1);curl_setopt($ch, CURLOPT_COOKIEJAR, $cookie_file);curl_exec($ch);curl_close($ch);2,处理提交的登陆的数...

一个漂亮的php验证码类

一个漂亮的php验证码类(分享) 作者：字体：[增加减小] 类型：转载下面小编就为大家分享一个漂亮的php验证码类。需要的朋友可以过来参考下直接上代码:复制代码代码如下://验证码类class ValidateCode { private $charset = ‘abcdefghkmnprstuvwxyzABCDEFGHKMNPRSTUVWXYZ23456789‘;//随机因子 private $code;//验证码 private $codelen = 4;//验证码长度 private $width = 130;//宽度 private $height = 50;//高度 private $im...

php:微信公众号token验证失败原因、验证码显示不出来的问题【代码】

ob_clean(); 问题描述:用微信官方提供的demo验证token是成功的,但是放到自己网站的框架上进行token验证老是提示"token验证失败",经过检查(用生成日志的方式一步步检查的),地址,token信息,微信....等待账号信息是没有任何问题的.解决方案:最终在echo $_GET[‘echostr‘];前添加了一句代码ob_clean();把问题搞定.问题分析:因为用的是框架,在echo $_GET[‘echostr‘];之前可能有一些你不知道的输出到"输出缓冲区"(不懂的同学可以查查哈...

php验证码实现代码（3种）【代码】

验证码在表单实现越来越多了，但是用js的写的验证码，总觉得不方便，所以学习了下php实现的验证码。好吧，其实是没有事情干，但是又不想浪费时间，所以学习了下php实现验证码。正所谓，技多不压身。而且，也可以封装成一个函数，以后使用的时候也是很方便的，当然现在未封装。现在来说说简单的纯数字验证码吧。如果是初学者，建议按照我代码的注释 //数字一步步来。最简单的方法，还是把整个代码复制走了。新建一个captcha.ph...

php gd实现简单图片验证码与图片背景文字水印【代码】【图】

1、让水印文字铺满图片：大致效果：代码：<?php function appendSpreadTextMark($imageDir, $markText) {$fontFile = "simsun.ttf";$info = getimagesize($imageDir);$imWidth = $info[0];$imHeight = $info[1];$type = $info[2];//1 = GIF，2 = JPG，3 = PNG，4 = SWF，5 = PSD，6 = BMP，7 = TIFF(intel byte order)，8 = TIFF(motorola byte order)，9 = JPC，10 = JP2，11 = JPX，12 = JB2，13 = SWC，14 = IFF，15 = WBMP，16...

php数字运算验证码的实现代码【代码】

本文实例讲述了php实现数字运算验证码的方法，具体实现方法如下： <?php getValidate(100,30);function getValidate($w,$h){$img = imagecreate($w,$h);$gray = imagecolorallocate($img,255,255,255);$black = imagecolorallocate($img,rand(0,200),rand(0,200),rand(0,200));$red = imagecolorallocate($img, 255, 0, 0);$white = imagecolorallocate($img, 255, 255, 255);$green = imagecolorallocate($img, 0, 255, 0);$blue ...

phpcms v9后台登陆验证码无法显示，怎么取消验证码

phpcms v9后台登陆验证码无法显示论坛里关于这个问题貌似一直没有解决，查看源代码后发现，关键一点是获取验证码的图片与全局变量SITE_URL相关，也就是网站的目录，所以只要修改cache/configs/system.php文件中的网站路径变量 ‘web_path’ 即可。举例说明（本地域名http://localhost）如果所有的文件都在根目录下（例如apache下的htdocs），此时，默认访问地址应该是http://localhost/,则‘web_path’=>‘/‘，若网站默认的...

PHP+javascript制作带提示的验证码源码分享

html代码：复制代码代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>简单验证码</title></head><script language="javascript" src="js/checked.js"></script><body><form id="register" name="register"...

首页 / PHP / 使用开源工具制作网页验证码的方法

使用开源工具制作网页验证码的方法

内容导读

内容图文

内容总结

内容备注

内容手机端

【使用开源工具制作网页验证码的方法】教程文章相关的互联网学习教程文章

thinkphp5 自定义验证码使用

Thinkphp 边学边用-验证码无意间犯的错【代码】

PHP生成各种验证码和Ajax验证

PHP 生成验证码【代码】

PHP识别验证码-image-ocr【代码】

thinkphp 验证码

php制作验证码

php 模拟登陆（不带验证码）采集数据【代码】【图】

一个漂亮的php验证码类

php:微信公众号token验证失败原因、验证码显示不出来的问题【代码】

php验证码实现代码（3种）【代码】

php gd实现简单图片验证码与图片背景文字水印【代码】【图】

php数字运算验证码的实现代码【代码】

phpcms v9后台登陆验证码无法显示，怎么取消验证码

PHP+javascript制作带提示的验证码源码分享

验证码 - 相关标签

PHP - 技术教程分类

PHP - 最新教程

PHP - 最热教程