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。 } }
结果:
上面那个很简单,对不对,我们看到的验证码都不是这样的,那好,我们给它加点干扰线,背景色,字符和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")); } }
演示结果:
最后来看一个可以旋转和放缩的验证码-写到图片本地文件中
演示代码:
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")); } }
演示结果:
下面就要开始演示前台的图片验证技术了。
前台的图片验证技术
这个项目的结构图:
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()); } }
演示结果:
下面这个是在index.jsp中:
如果是用这句:
img.src=”/myhelloweb/servlet/imageservlet”;
大家可以看看响应头:
再看看用这句的响应头:
img.src=”/myhelloweb/servlet/imageservlet?”+time;
多了个date响应!
因为时间一直在变,所以每次点看不清,都会再向服务器请求一次,而不会因为浏览器的缓存,而不去请求了。
验证码就先到这里结束啦。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
上一篇: python学习杂记(三)