欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

java图片验证码生成教程详解

程序员文章站 2024-03-13 15:43:27
首先,我们先来看本地如何生成图片验证码的,再来写输出到网页的验证码如何实现。 先来看最简单的—实现的功能是,将一个字符串变成图片写入到文件中 实现代码: pa...

首先,我们先来看本地如何生成图片验证码的,再来写输出到网页的验证码如何实现。

先来看最简单的—实现的功能是,将一个字符串变成图片写入到文件中

实现代码:

package cn.hncu.img;

import java.awt.graphics;
import java.awt.image.bufferedimage;
import java.io.filenotfoundexception;
import java.io.fileoutputstream;
import java.io.ioexception;

import javax.imageio.imageio;
//该类包含一些用来查找 imagereader 和 imagewriter 以及执行简单编码和解码的静态便捷方法。

import org.junit.test;

public class imgdemo {

 //学习如何把一个字符串变成图片写到一个文件
 @test
 public void imgdemo1() throws filenotfoundexception, ioexception{
  bufferedimage img = new bufferedimage(60, 30, bufferedimage.type_int_rgb);
  // 表示一个图像,它具有合成整数像素的 8 位 rgb 颜色分量。
  graphics g = img.getgraphics();
  g.drawstring("hello",10,20);
  //使用此图形上下文的当前字体和颜色绘制由指定 string 给定的文本。最左侧字符的基线位于此图形上下文坐标系的 (x, y) 位置处。
  g.dispose();////类似于流中的close()带动flush()---把数据刷到img对象当中
  //释放此图形的上下文以及它使用的所有系统资源。调用 dispose 之后,就不能再使用 graphics 对象。 
  imageio.write(img, "jpg", new fileoutputstream("img/a.jpg"));
  //使用支持给定格式的任意 imagewriter 将一个图像写入 file。
 }

}

结果:

java图片验证码生成教程详解

上面那个很简单,对不对,我们看到的验证码都不是这样的,那好,我们给它加点干扰线,背景色,字符和y坐标随机生成。

有干扰线、背景色的验证码-写入文件

演示代码:

package cn.hncu.img;

import java.awt.color;
import java.awt.font;
import java.awt.graphics;
import java.awt.image.bufferedimage;
import java.io.filenotfoundexception;
import java.io.fileoutputstream;
import java.io.ioexception;
import java.util.date;
import java.util.random;

import javax.imageio.imageio;
//该类包含一些用来查找 imagereader 和 imagewriter 以及执行简单编码和解码的静态便捷方法。

import org.junit.test;

public class imgdemo {
 //把上面的字符串改成我们平时用的验证码---生成几个随机数字,有背景色和干扰线
 @test
 public void imgdemo2() throws filenotfoundexception, ioexception{
  int width = 80;
  int height= 40;
  int lines = 10;
  bufferedimage img = new bufferedimage(width, height, bufferedimage.type_int_rgb);

  graphics g = img.getgraphics();

  //设置背景色
  g.setcolor(color.white);
  g.fillrect(0, 0, width, height);//画背景
  //填充指定的矩形。使用图形上下文的当前颜色填充该矩形

  //设置字体
  g.setfont(new font("宋体", font.bold, 18));

  //随机数字
  date d = new date();
  //system.out.println(d.gettime());
  random r = new random(d.gettime());
  for(int i=0;i<4;i++){
   int a = r.nextint(10);//取10以内的整数[0,9]
   int y = 10+r.nextint(20); //10~30范围内的一个整数,作为y坐标
   color c = new color(r.nextint(255), r.nextint(255), r.nextint(255));
   g.setcolor(c);
   g.drawstring(""+a, 5+i*width/4, y);
  }
  //干扰线
  for(int i=0;i<lines;i++){
   color c = new color(r.nextint(255), r.nextint(255), r.nextint(255));
   g.setcolor(c);
   g.drawline(r.nextint(width), r.nextint(height), r.nextint(width), r.nextint(height));
  }

  g.dispose();//类似于流中的close()带动flush()---把数据刷到img对象当中
  imageio.write(img, "jpg", new fileoutputstream("img/b.jpg"));

 }


}

演示结果:

java图片验证码生成教程详解

java图片验证码生成教程详解

最后来看一个可以旋转和放缩的验证码-写到图片本地文件中

演示代码:

package cn.hncu.img;

import java.awt.color;
import java.awt.font;
import java.awt.graphics;
import java.awt.graphics2d;
import java.awt.geom.affinetransform;
import java.awt.image.bufferedimage;
import java.io.filenotfoundexception;
import java.io.fileoutputstream;
import java.io.ioexception;
import java.util.date;
import java.util.random;

import javax.imageio.imageio;
//该类包含一些用来查找 imagereader 和 imagewriter 以及执行简单编码和解码的静态便捷方法。

import org.junit.test;

public class imgdemo {
 @test//可以旋转和放缩的验证码
 public void imgdemo3() throws filenotfoundexception, ioexception{
  int width = 80;
  int height = 40;
  int lines = 10;
  bufferedimage img = new bufferedimage(width, height, bufferedimage.type_int_rgb);
  graphics2d g2d = (graphics2d)img.getgraphics();

  g2d.setfont(new font("宋体", font.bold, 20));


  random r = new random(new date().gettime());

  //设置背景色
  g2d.setcolor(new color(r.nextint(255), r.nextint(255), r.nextint(255)));
  g2d.drawrect(0, 0, width, height);//绘制指定矩形的边框。
  g2d.setcolor(new color(r.nextint(255), r.nextint(255), r.nextint(255)));
  g2d.fillrect(0, 0, width, height);//填充指定的矩形。

  for(int i=0;i<4;i++){
   string str = ""+r.nextint(10);

   //处理旋转
   affinetransform tx = new affinetransform();
   tx.rotate(math.random(), 5+i*15, height-5);
   //用弧度测量的旋转角度,旋转锚点的 x 坐标,旋转锚点的 y 坐标
   //tx.scale(0.7+math.random(), 0.7+math.random());
   //x坐标方向的缩放倍数,y坐标方向的缩放倍数
   g2d.settransform(tx);
   color c = new color(r.nextint(255), r.nextint(255), r.nextint(255));
   g2d.setcolor(c);
   g2d.drawstring(str, 2+i*width/4, height-13);
  }

  //干扰线
  for(int i=0;i<lines;i++){
   color c = new color(r.nextint(255), r.nextint(255), r.nextint(255));
   g2d.setcolor(c);
   g2d.drawline(r.nextint(width), r.nextint(height), r.nextint(width), r.nextint(height));
  }

  g2d.dispose();

  imageio.write(img, "jpg", new fileoutputstream("img/c.jpg"));
 }
}

演示结果:

java图片验证码生成教程详解

java图片验证码生成教程详解

下面就要开始演示前台的图片验证技术了。

前台的图片验证技术

这个项目的结构图:

java图片验证码生成教程详解

index.jsp:

<%@ 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 changimg(){
   var img = document.getelementbyid("servletimg");
   var d = new date();
   var time = d.gettime();//如果没有这个
   //下面这一句不会起作用,因为浏览器的缓存技术,图片并不会刷新
   //img.src="/myhelloweb/servlet/imageservlet";
   img.src="/myhelloweb/servlet/imageservlet?"+time;
   //?号后面的东西是通过get方式传递的
  }

 </script>
 </head>

 <body>
 这是我的手动主页!
 <br/>
 <img id="servletimg" src="/myhelloweb/servlet/imageservlet" /><a href="javascript:changimg()">看不清</a>
 </body>
</html>

 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>
 <servlet>
 <description>this is the description of my j2ee component</description>
 <display-name>this is the display name of my j2ee component</display-name>
 <servlet-name>imageservlet</servlet-name>
 <servlet-class>cn.hncu.img.imageservlet</servlet-class>
 </servlet>

 <servlet-mapping>
 <servlet-name>imageservlet</servlet-name>
 <url-pattern>/servlet/imageservlet</url-pattern>
 </servlet-mapping> 
 <welcome-file-list>
 <welcome-file>index.jsp</welcome-file>
 </welcome-file-list>
</web-app>

imageservlet.java

package cn.hncu.img;

import java.awt.color;
import java.awt.font;
import java.awt.graphics;
import java.awt.image.bufferedimage;
import java.io.ioexception;
import java.io.printwriter;
import java.util.date;
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 imageservlet extends httpservlet {

 public void doget(httpservletrequest request, httpservletresponse response)
   throws servletexception, ioexception {
  dopost(request, response);
 }

 public void dopost(httpservletrequest request, httpservletresponse response)
   throws servletexception, ioexception {
  //告诉客户端,输出的格式
  response.setcontenttype("image/jpeg");

  int width = 80;
  int height = 40;
  int lines = 10;
  bufferedimage img = new bufferedimage(width, height, bufferedimage.type_int_rgb);

  graphics g = img.getgraphics();

  //设置背景色
  g.setcolor(color.white);
  g.fillrect(0, 0, width, height);

  //设置字体
  g.setfont(new font("宋体", font.bold, 20));

  //随机数字
  random r = new random(new date().gettime());
  for(int i=0;i<4;i++){
   int a = r.nextint(10);
   int y = 10+r.nextint(20);//10~30范围内的一个整数,作为y坐标

   color c = new color(r.nextint(255),r.nextint(255),r.nextint(255));
   g.setcolor(c);

   g.drawstring(""+a, 5+i*width/4, y);
  }

  //干扰线
  for(int i=0;i<lines;i++){
   color c = new color(r.nextint(255),r.nextint(255),r.nextint(255));
   g.setcolor(c);
   g.drawline(r.nextint(width), r.nextint(height), r.nextint(width), r.nextint(height));
  }

  g.dispose();//类似于流中的close()带动flush()---把数据刷到img对象当中

  imageio.write(img, "jpg", response.getoutputstream());
 }

}

演示结果:

java图片验证码生成教程详解

下面这个是在index.jsp中:
如果是用这句:
img.src=”/myhelloweb/servlet/imageservlet”;

大家可以看看响应头:

java图片验证码生成教程详解

再看看用这句的响应头:
img.src=”/myhelloweb/servlet/imageservlet?”+time;

java图片验证码生成教程详解

多了个date响应!
因为时间一直在变,所以每次点看不清,都会再向服务器请求一次,而不会因为浏览器的缓存,而不去请求了。

验证码就先到这里结束啦。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。