JSP实用教程之简易图片验证码的实现方法（附源码）

前言

很多新手对图片验证码不是很了解，所以本文尝试通过一个简单的 JSP 小程序来实现验证码功能。文中给出了详细的示例代码，文末给出了完整实例代码的下载地址，下面话不多说了，来一起看看详细的介绍吧。

效果图

示例代码

前台代码如下：

<form action="action.jsp" method="POST"> 
 <label> 用户名： 
 <input type="text" name="name" data-singleTips="请输入用户名" value="admin" /> 
 </label> 
 <label> 密码： <input type="password" name="password" /> 
 </label> 
 <!-- 验证码 --> 
 <label class="captchaCode"> 
 验证码： <img src="img.jsp" style="cursor: pointer;" onclick="this.src=this.src + '?' + new Date().valueOf();" /> 
 <input type="text" name="captchaImgCode" /> 
 </label> 
 <div> 
 <input type="submit" value="登录" /> 
 
 </div> 
</form> 

验证码图片从何而来？ img.jsp 是也：

<%@include file="captcha.jsp"%> 
<% 
 init(pageContext);// 加载图片 
%> 

返回图片的数据流。

action.jsp 这里不作用户名或密码的检验，只是单纯验证码检验。

如果输入验证码通过，显示如下：

反之，给出已捕获的异常：

action.jsp 就是调用 captcha.jsp 里面的 isPass(pageContext， captchaImgCode) 方法，以及捕获已知异常。

<%@page pageEncoding="UTF-8"%> 
<%@include file="captcha.jsp"%> 
<% 
 String captchaImgCode = request.getParameter("captchaImgCode"); 
 try { 
 if (isPass(pageContext, captchaImgCode)) { 
 out.println("验证码通过！"); 
 } 
 } catch (Throwable e) { 
 out.println(e); 
 } 
%> 

核心 captcha,jsp 代码：

<%@page pageEncoding="UTF-8" import="java.io.IOException, java.awt.*, java.awt.image.BufferedImage, java.util.Random, javax.imageio.ImageIO"%> 
<%! 
 // 定义Captcha 类 
 public static class Captcha { 
 /** 
 * 默认宽度 60 
 */ 
 private int width = 60; 
 
 /** 
 * 默认高度 20 
 */ 
 private int height = 20; 
 
 /** 
 * 验证码 
 */ 
 private String code; 
 
 /** 
 * 生成验证码图片 
 * 
 * @return 图片对象 
 */ 
 public BufferedImage get() { 
 BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);// 在内存中创建图像 
 Graphics g; 
 
 g = image.getGraphics(); // 获取图形上下文 
 g.setColor(getRandColor(200, 250)); // 设定背景 
 g.fillRect(0, 0, width, height); 
 g.setFont(new Font("Times New Roman", Font.PLAIN, 18)); // 设定字体 
 g.setColor(getRandColor(160, 200)); 
 
 Random random = new Random();// 随机产生干扰线 
 for (int i = 0; i < 155; i++) { 
 int x = random.nextInt(width), y = random.nextInt(height); 
 int xl = random.nextInt(12), yl = random.nextInt(12); 
 g.drawLine(x, y, x + xl, y + yl); 
 } 
 
 String sRand = ""; // 随机产生4位验证码 
 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("rand", sRand); 
 setCode(sRand); 
 g.dispose();// 图象生效 
 
 return image; 
 } 
 
 /** 
 * 生成随机颜色 
 * 
 * @param fc 
 * @param bc 
 * @return 
 */ 
 private Color getRandColor(int fc, int bc) { 
 if (fc > 255) 
 fc = 255; 
 if (bc > 255) 
 bc = 255; 
 
 Random random = new Random(); 
 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); 
 } 
 
 /** 
 * 获取高度 
 * 
 * @return 
 */ 
 public int getHeight() { 
 return height; 
 } 
 
 /** 
 * 设置高度 
 * 
 * @param height 
 * 高度 
 */ 
 public void setHeight(int height) { 
 this.height = height; 
 } 
 
 /** 
 * 获取验证码 
 * 
 * @return 
 */ 
 public String getCode() { 
 return code; 
 } 
 
 /** 
 * 设置验证码 
 * 
 * @param code 
 * 验证码 
 */ 
 public void setCode(String code) { 
 this.code = code; 
 } 
 
 /** 
 * 获取宽度 
 * 
 * @return 
 */ 
 public int getWidth() { 
 return width; 
 } 
 
 /** 
 * 设置宽度 
 * 
 * @param width 
 * 宽度 
 */ 
 public void setWidth(int width) { 
 this.width = width; 
 } 
 
 } 
 
 
 /** 
 * SESSION 的键值 
 */ 
 public static final String SESSION_KEY = "rand"; 
 
 /** 
 * 显示验证码图片并将认证码存入 Session 
 * 
 * @param response 
 * 响应对象 
 * @param session 
 * 会话对象 
 */ 
 public static void init(HttpServletResponse response, HttpSession session) { 
 Captcha img = new Captcha(); 
 
 // 不用缓存 
 response.setHeader("Pragma", "No-cache"); 
 response.setHeader("Cache-Control", "no-cache"); 
 response.setDateHeader("Expires", 0); 
 response.setContentType("image/jpg"); 
 
 try { 
 ImageIO.write(img.get(), "JPEG", response.getOutputStream()); 
 
 /* 
 * 加上下面代码,运行时才不会出现java.lang.IllegalStateException: getOutputStream() has already been called ..........等异常 
 * response.getOutputStream().flush(); 
 * response.getOutputStream().close(); 
 * response.flushBuffer(); 
 */ 
 
 // JSP内置对象out和response.getWrite()的区别，两者的主要区别：1. 这两个对象的类型是完全不同的…… 
 // response.getWriter(); 
 // http://blog.sina.com.cn/s/blog_7217e4320101l8gq.html 
 // https://www./kf/201109/103284.html 
 
 // pageContext.getOut().clear(); 
 } catch (IOException e) { 
 e.printStackTrace(); 
 } 
 
 session.setAttribute(SESSION_KEY, img.getCode()); // 将认证码存入 SESSION 
 System.out.println("生成验证码:" + img.getCode()); 
 } 
 
 /** 
 * 显示验证码图片并将认证码存入 Session（For JSP） 
 * 
 * @param pageContext 
 * 页面上下文对象 
 */ 
 public static void init(PageContext pageContext) { 
 init((HttpServletResponse) pageContext.getResponse(), pageContext.getSession()); 
 } 
 
 
 /** 
 * 判断用户输入的验证码是否通过 
 * 
 * @param pageContext 
 * 页面上下文对象 
 * @return true 表示通过 
 * @throws Throwable 
 */ 
 public static boolean isPass(PageContext pageContext, String code) throws Throwable { 
 boolean isCaptchaPass = false; 
 
 String rand = (String) pageContext.getSession().getAttribute(SESSION_KEY); 
 
 System.out.println("rand:" + rand); 
 System.out.println("CaptchaCode:" + code); 
 
 if (rand == null) 
 throw new UnsupportedOperationException("请刷新验证码。"); 
 else if (code == null || code.equals("")) { 
 throw new IllegalArgumentException("没提供验证码参数"); 
 } else { 
 isCaptchaPass = rand.equals(code); 
 if (!isCaptchaPass) 
 throw new IllegalAccessError("验证码不正确"); 
 } 
 
 return isCaptchaPass; 
 } 
%> 

完整代码下载：http://xiazai./201707/yuanma/Captcha().rar

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对的支持。

# jsp生成验证码图片  # jsp  # 图片验证码  # jsp图片验证码代码  # js插件实现图片滑动验证码  # node.js WEB开发中图片验证码的实现方法  # 纯JS实现图片验证码功能并兼容IE6-8(推荐)  # Nodejs中使用captchapng模块生成图片验证码  # Qt QThreadPool线程池的实现  # Node.JS用纯JavaScript生成图片或滑块式验证码功能  # 在JSP页面中动态生成图片验证码的方法实例  # js+h5 canvas实现图片验证码  # Js逆向实现滑动验证码图片还原的示例代码  # JS实现图片验证码功能  # 验证码  # 认证码  # 出了  # 并将  # 是因为  # 下载地址  # 说了  # 而来  # 不多  # 不是很  # 这两个  # 请输入  # 这篇文章  # 谢谢大家  # 不作  # 来实现  # 时才  # 不正确  # 键值  # 加载 

相关文章： 如何登录建站主机？访问步骤全解析  ,交易猫的商品怎么发布到网站上去？  如何用花生壳三步快速搭建专属网站？  公司门户网站制作公司有哪些,怎样使用wordpress制作一个企业网站？  定制建站模板如何实现SEO优化与智能系统配置？18字教程  广州网站制作的公司,现在专门做网站的公司有没有哪几家是比较好的，性价比高，模板也多的？  建站之星代理费用多少？最新价格详情介绍  Swift开发中switch语句值绑定模式  建站主机选购指南与交易推荐：核心配置解析  如何快速生成ASP一键建站模板并优化安全性？  正规网站制作公司有哪些,目前国内哪家网页网站制作设计公司比较专业靠谱？口碑好？  北京企业网站设计制作公司,北京铁路集团官方网站？  如何快速搭建自助建站会员专属系统？  制作销售网站教学视频,销售网站有哪些？  建站主机选购指南：核心配置优化与品牌推荐方案  如何通过免费商城建站系统源码自定义网站主题与功能？  专业企业网站设计制作公司,如何理解商贸企业的统一配送和分销网络建设？  建站之星代理商如何保障技术支持与售后服务？  建站主机SSH密钥生成步骤及常见问题解答？  小自动建站系统：AI智能生成+拖拽模板，多端适配一键搭建  建站之星如何修改网站生成路径？  打鱼网站制作软件,波克捕鱼官方号怎么注册？  陕西网站制作公司有哪些,陕西凌云电器有限公司官网？  整蛊网站制作软件,手机不停的收到各种网站的验证码短信,是手机病毒还是人为恶搞?有这种手机病毒吗？  如何在万网主机上快速搭建网站？  音乐网站服务器如何优化API响应速度？  已有域名和空间如何快速搭建网站？  深圳 网站制作,深圳招聘网站哪个比较好一点啊？  如何在服务器上配置二级域名建站？  如何配置IIS站点权限与局域网访问？  建站之星如何取消后台验证码生成？  临沂网站制作企业,临沂第三中学官方网站？  青浦网站制作公司有哪些,苹果官网发货地是哪里？  高端智能建站公司优选：品牌定制与SEO优化一站式服务  如何彻底删除建站之星生成的Banner？  建站VPS配置与SEO优化指南：关键词排名提升策略  如何通过智能用户系统一键生成高效建站方案？  如何访问已购建站主机并解决登录问题？  在线流程图制作网站手机版,谁能推荐几个好的CG原画资源网站么？  建站之星北京办公室：智能建站系统与小程序生成方案解析  建站之星后台密码如何安全设置与找回？  兔展官网 在线制作,怎样制作微信请帖？  如何通过VPS搭建网站快速盈利？  建站之星后台密码遗忘如何找回？  5种Android数据存储方式汇总  如何快速生成高效建站系统源代码？  电脑免费海报制作网站推荐,招聘海报哪个网站多？  如何快速搭建二级域名独立网站？  如何在阿里云服务器自主搭建网站？  Python多线程使用规范_线程安全解析【教程】