JSP开发之生成图片验证码技术的详解

2024-10-02 04:38:28

JSP开发之生成图片验证码技术的详解

我们在网页注册用户时，常常会需要格根据图片给的图片验证码把验证码输进去。那么我们今天就来学习这个。

简单来说分为三步骤：

1.底层用Java实现生成验证码图片
2.通过配置文件调用实现Java生成片
3.通过HTML技术把图片显示到网页

首先是最底层Java生成图片代码

package cn.hncu.servlets;

import java.awt.Color;
import java.awt.Font;
import java.awt.Graphics;
import java.awt.image.BufferedImage;
import java.io.FileOutputStream;
import java.io.IOException;
import java.util.Random;

import javax.imageio.ImageIO;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class CodeImgServlet extends HttpServlet {
  @Override
  protected void service(HttpServletRequest req, HttpServletResponse resp)
      throws ServletException, IOException {
    //☆1☆--相比纯java方式有变化的地方
    resp.setContentType("image/jpeg");//设置http响应头---告诉浏览器我现在发的是这个图片格式的数据，你用相应的方式来解析

    //定义图片的宽和高
    int w=60;
    int h=30;

    //声明一个RGB格式的内存中的图片
    BufferedImage img = new BufferedImage(w, h, BufferedImage.TYPE_INT_RGB);
    Graphics g = img.getGraphics();

    //把背景变白色
    g.setColor(Color.white);
    g.fillRect(0, 0, w, h);
    //设置字体
    g.setFont(new Font("aa",Font.BOLD,18));

    //产生并draw出4个随机数字
    Random r = new Random();
    for(int i=0;i<4;i++){
      int a = r.nextInt(10);//生成0~9之间的随机整数
      int y = 15+r.nextInt(20);//产生随机的垂直位置
      //产生随机颜色
      Color c = new Color(r.nextInt(256),r.nextInt(256),r.nextInt(256));
      g.setColor(c);

      g.drawString(""+a, i*15, y);
    }

    //画几条干扰线
    for(int i=0;i<10;i++){
      //产生随机颜色
      Color c = new Color(r.nextInt(256),r.nextInt(256),r.nextInt(256));
      g.setColor(c);
      g.drawLine(r.nextInt(60), r.nextInt(30), r.nextInt(60), r.nextInt(30));
    }

    g.dispose();//类似于IO中的flush(),把图形数据刷到img中
    //把内存图片img对象保存到一个jpg文件
    ImageIO.write(img, "JPEG", resp.getOutputStream() );//☆2☆

  }
}

项目中的Web.xml配置文件代码

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="3.0"
  xmlns="http://java.sun.com/xml/ns/javaee"
  xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
  http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd">
 <display-name></display-name> 

 <!-- 安全目录中的jsp文件如果要允许外面访问，得在web.xml进行配置，配置成一个jsp-servlet -->
 <servlet>
  <servlet-name>ajsp</servlet-name>
  <!-- 配置servlet用servlet-class, 配置jsp页面用jsp-file标签 -->
  <jsp-file>/WEB-INF/jsps/a.jsp</jsp-file>
 </servlet>
 <!--
  <servlet>
  <servlet-name>CodeImgServlet</servlet-name>
  <servlet-class>cn.hncu.servlets.CodeImgServlet</servlet-class>
  </servlet>
  <servlet>
  <servlet-name>LoginServlet</servlet-name>
  <servlet-class>cn.hncu.servlets.LoginServlet</servlet-class>
  </servlet>
  -->
   <servlet>
    <servlet-name>CodeImgServlet</servlet-name>
    <servlet-class>cn.hncu.servlets.CodeImgServlet</servlet-class>
   </servlet>
   <servlet>
    <servlet-name>LoginServlet</servlet-name>
    <servlet-class>cn.hncu.servlets.LoginServlet</servlet-class>
   </servlet>

 <!-- 给servlet配置访问路径 -->

 <servlet-mapping>
  <servlet-name>ajsp</servlet-name>
  <url-pattern>/x/a.asp</url-pattern>
 </servlet-mapping>
 <servlet-mapping>
  <servlet-name>CodeImgServlet</servlet-name>
  <url-pattern>/code</url-pattern>
 </servlet-mapping>
 <servlet-mapping>
  <servlet-name>LoginServlet</servlet-name>
  <url-pattern>/LoginServlet</url-pattern>
 </servlet-mapping>

 <welcome-file-list>
  <welcome-file>index.jsp</welcome-file>
 </welcome-file-list>
</web-app>

主页面代码登录代码

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
 <head>
 <script type="text/javascript">
   function changeImg(){
     var img = document.getElementById("codeImg");
     // 当src每次的路径方式变化时，就会去重新请求一次后台。
     img.src="code?"+new Date().getTime();
   }

 </script>

 </head>

 <body>
  <h2>用户注册</h2>
   <form action="LoginServlet" method="post">
      姓名:<input type="text" name="name"><br/>
      密码:<input type="password" name="pwd"><br/>
    <!--
     验证码:<input type="text" name="code"/><img src="imgs/a.jpg"/><br/>
     -->
     验证码:<input type="text" name="code"/><img id="codeImg" src="code"/><a href="javascript:changeImg();" rel="external nofollow" >看不清</a><br/>
     <input type="submit" value="注册">
   </form>
   <br/><br/>
   <hr/>
   <a href="WEB-INF/jsps/a.jsp" rel="external nofollow" >WA---a.jsp</a> <br/>
   <a href="/helloWebProj/x/a.asp" rel="external nofollow" >AC---a.jsp</a> <br/>
 </body>
</html>

当页面加载，就向TOMCAT请求服务，调用前面的JAVA类，生成图片，再通过HTML文档，将图片加载到页面来。

其次Web.xml配置文件还可以用来设置访问安全目录文件（WEB-INF）

 <servlet>
     <servlet-name>ajsp</servlet-name>
    <!-- 配置servlet用servlet-class, 配置jsp页面用jsp-file标签 -->
     <jsp-file>/WEB-INF/jsps/a.jsp</jsp-file>
   </servlet>
   <servlet>
    <servlet-name>CodeImgServlet</servlet-name>
    <servlet-class>cn.hncu.servlets.CodeImgServlet</servlet-class>
   </servlet>
   <servlet>
    <servlet-name>LoginServlet</servlet-name>
    <servlet-class>cn.hncu.servlets.LoginServlet</servlet-class>
   </servlet>

 <!-- 给servlet配置访问路径 -->

 <servlet-mapping>
  <servlet-name>ajsp</servlet-name>
  <url-pattern>/x/a.asp</url-pattern>
 </servlet-mapping>
 <servlet-mapping>
  <servlet-name>CodeImgServlet</servlet-name>
  <url-pattern>/code</url-pattern>
 </servlet-mapping>
 <servlet-mapping>
  <servlet-name>LoginServlet</servlet-name>
  <url-pattern>/LoginServlet</url-pattern>
 </servlet-mapping>

如有疑问请留言或者到本站社区交流讨论，感谢阅读，希望通过本文能帮助到大家，谢谢大家对本站的支持！

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

前言很多新手对图片验证码不是很了解,所以本文尝试通过一个简单的 JSP 小程序来实现验证码功能.文中给出了详细的示例代码,文末给出了完整实例代码的下载地址,下面话不多说了,来一起看看详细的介绍吧. 效果图示例代码前台代码如下: <form action="action.jsp" method="POST"> <label> 用户名: <input type="text" name="name"
JSP开发之生成图片验证码技术的详解

JSP开发之生成图片验证码技术的详解我们在网页注册用户时,常常会需要格根据图片给的图片验证码把验证码输进去.那么我们今天就来学习这个. 简单来说分为三步骤: 1.底层用Java实现生成验证码图片 2.通过配置文件调用实现Java生成片 3.通过HTML技术把图片显示到网页首先是最底层Java生成图片代码 package cn.hncu.servlets; import java.awt.Color; import java.awt.Font; import java.awt.Graphics
JSP 制作验证码的实例详解

JSP 制作验证码的实例详解验证码验证码(CAPTCHA)是"Completely Automated Public Turing test to tell Computers and Humans Apart"(全自动区分计算机和人类的图灵测试)的缩写,是一种区分用户是计算机还是人的公共全自动程序.可以防止:恶意破解密码.刷票.论坛灌水,有效防止某个黑客对某一个特定注册用户用特定程序暴力破解方式进行不断的登陆尝试,实际上用验证码是现在很多网站通行的方式,我们利用比较简易的方式实现
JSP Spring配置文件中传值的实例详解

JSP Spring配置文件中传值的实例详解通过spring提供方法,在配置文件中取传值调用get方法 targetObject :指定调用的对象 propertyPath:指定调用那个getter方法例1: public class Test1 { private String name = "nihao"; public String getName() { return name; } } Xml代码 <bean id="t1" cl
基于Pytorch版yolov5的滑块验证码破解思路详解

前言本文将使用pytorch框架的目标识别技术实现滑块验证码的破解.我们这里选择了yolov5算法例:输入图像输出图像可以看到经过检测之后,我们能很准确的定位到缺口的位置,并且能得到缺口的坐标,这样一来我们就能很轻松的实现滑动验证码的破解. 一.前期工作 yolov系列是常用的目标检测算法,yolov5不仅配置简单,而且在速度上也有不小的提升,我们很容易就能训练我们自己的数据集. YOLOV5 Pytorch版本GIthub网址感谢这位作者的代码. 下载之后,是这样的格式 ---data
Java字节码增强技术知识点详解

简单介绍下几种java字节码增强技术. ASM ASM是一个Java字节码操控框架,它能被用来动态生成类或者增强既有类的功能.ASM可以直接产生class文件,也可以在类被加载入Java虚拟机之前动态改变类行为.ASM从类文件中读入信息后,能够改变类行为,分析类信息,甚至能够根据用户要求生成新类. 主页:https://asm.ow2.io/index.html ASM框架中的核心类有以下几个: ① ClassReader:该类用来解析编译过的class字节码文件. ② ClassWriter:
Android开发数据结构算法ArrayList源码详解

目录简介 ArrayList源码讲解初始化扩容增加元素一个元素一堆元素删除元素一个元素一堆元素修改元素查询元素总结 ArrayList优点 ArrayList的缺点简介 ArrayList是List接口的一个实现类,它是一个集合容器,我们通常会通过指定泛型来存储同一类数据,ArrayList默认容器大小为10,自身可以自动扩容,当容量不足时,扩大为原来的1.5倍,和上篇文章的Vector的最大区别应该就是线程安全了,ArrayList不能保证线程安全,但我们也可以通过其
对于组件库的思考及技术梳理详解

目录为什么要做? 组件库的技术选型组件库的方向组件库的设计结语为什么要做? 18年的时候觉得写ui组件库的人都好牛,出于好奇看了elementui.iview和Vant的源码.从那之后就萌生了自己也可以尝试搭个组件库试试,一是可以学习到很多知识,二是可以向牛人靠齐.可那时候又是个菜鸟,从0到1搭建对我来说是件很难的事情.当时借助从vue-cli创建的项目,做了修修改改,这样简单的组件库就出来了vvmui,现在回头看看那时候做的东西是真的菜... 近些年来,随着前端项目的复杂度越来越高,
Java远程调用组件Feign技术使用详解

目录一. 概要二. Feign简介 1. 概念 2. 功能三. 服务提供者 1. 添加依赖 2. 配置文件 3. 启动类 4. 控制层 5. POJO 四. 服务消费者 1. 添加依赖 2. 配置文件 3. 启动类 4. Feign服务 5. 控制层五. 测试 1. 测试get请求 2. 测试post请求json数据格式 3. 测试头部中包含信息一. 概要我们知道,现在最火且最有技术含量的技术莫过于SpringCloud微服务了,所以今天壹哥就带大家来学习一下微服务的核心的组件之一,
Java Web开发中过滤器和监听器使用详解

目录 1 Filter 1.1 Filter简介 1.2 Filter的快速入门 1.2.1 创建Filter类 1.2.2 访问index.jsp 1.3 Filter的拦截路径的配置 1.4 过滤器链 1.4.1 过滤器链简介 1.4.2 过滤器链的例子 2 Listener 2.1 概念 2.2 监听器的使用 1 Filter 1.1 Filter简介 Filter表示过滤器,是JavaWeb三大组件(Servlet.Filter.Listener)之一. 过滤器可以把资源的请求拦截下来,
IOS开发基础之二维数组详解

IOS开发基础之二维数组详解首先我们知道OC中是没有二维数组的,二维数组是通过一位数组的嵌套实现的,但是别忘了我们有字面量,实际上可以和C/C++类似的简洁地创建和使用二维数组.这里总结了创建二维数组的两种方法以及数组的访问方式. 通过字面量创建和使用二维数组(推荐) // 1.字面量创建二维数组并访问(推荐) NSArray *array2d = @[ @[@11,@12,@13], @[@21,@22,@23], @[@31,@32,@33] ]; // 字面量访问方式(推荐) NSLog

JSP开发之生成图片验证码技术的详解

相关推荐

随机推荐