J2EE如何生成验证码图片和点击刷新验证码_html/css_WEB-ITnose
程序员文章站
2022-04-26 11:17:51
...
验证码图片生成步骤
- 创建BufferedImage对象。
- 获取BufferedImage的画笔，即调用getGraphics()方法获取Graphics对象。
- 调用Graphics对象的setColor()方法和fillRect()方法设置图片背景颜色。
- 调用Graphics对象的setColor()方法和drawLine()方法设置图片干扰线。
- 调用BufferedImaged对象的setRGB()方法设置图片的噪点。
- 调用Graphics对象的setColor()方法、setFont()方法和drawString()方法设置图片验证码。
因为验证码的图片的宽度和高度要根据网站的风格来确定的，所以字体的大小需要根据图片的宽度和高度来确定，用到了小小的技巧。
package util;import java.awt.Color;import java.awt.Font;import java.awt.Graphics;import java.awt.Image;import java.awt.image.BufferedImage;import java.io.ByteArrayOutputStream;import java.io.IOException;import java.util.Random;import javax.imageio.ImageIO;public class Verification { private static final String ALPHABET = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890"; /** * 生成一个宽为width， 高为height， 验证码为code的图片 * @param width 图片的宽 * @param height 图片的高 * @param code 验证码字符串 * @return 返回图片验证码 */ public static BufferedImage getImage(int width, int height, String code){ return getImage(width, height, code, 20); } /** * 生成一个宽为width， 高为height， 验证码为code的图片，图片中干扰线的条数为lineCnt * @param width 图片的宽 * @param height 图片的高 * @param code 验证码字符串 * @param lineCnt 干扰线的条数，建议为10条左右，可根据结果适当调整 * @return 返回图片验证码 */ public static BufferedImage getImage(int width, int height, String code, int lineCnt){ return createImage(width, height, code, lineCnt, 0.01); } /** * 生成一个宽为width， 高为height， 验证码为code的图片，图片中干扰线的条数为lineCnt * 噪声比为noiseRate，即图片中噪音像素点的百分比 * @param width 图片的宽 * @param height 图片的高 * @param code 验证码字符串 * @param lineCnt 干扰线的条数，建议为10条左右，可根据结果适当调整 * @param noiseRate 图片中噪音像素点占总像素的百分比 * @return 返回图片验证码 */ public static BufferedImage getImage(int width, int height, String code, int lineCnt, double noiseRate){ return createImage(width, height, code, lineCnt, noiseRate); } /** * * 生成一个宽为width， 高为height， 验证码为code的图片，图片中干扰线的条数为lineCnt * 噪声比为noiseRate，即图片中噪音像素点的百分比 * @param width 图片的宽 * @param height 图片的高 * @param code 验证码字符串 * @param lineCnt 干扰线的条数，建议为10条左右，可根据结果适当调整 * @param noiseRate 图片中噪音像素点占总像素的百分比 * @return 返回图片验证码 */ private static BufferedImage createImage(int width, int height, String code, int lineCnt, double noiseRate){ int fontWidth = ((int)(width * 0.8)) / code.length(); int fontHeight = (int)(height * 0.7); //为了在任意的width和height下都能生成良好的验证码， //字体的大小为fontWdith何fontHeight中的小者， int fontSize = Math.min(fontWidth, fontHeight); //drawString时要用到 int paddingX = (int) (width * 0.1); int paddingY = height - (height - fontSize) / 2; //创建图像 BufferedImage buffimg = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB); //获得画笔 Graphics g = buffimg.getGraphics(); //设置画笔的颜色 g.setColor(getRandColor(200, 255)); //然后填充一个矩形，即设置背景色 g.fillRect(0, 0, width, height); // 设置干扰线 for (int i = 0; i 255) L = 255; if(R > 255) R = 255; if(L 使用验证码图片
在verificationCode.java这个servlet中调用上面的类生成验证码图片，然后将图片返回给客户端。
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { HttpSession session = request.getSession(); //随机生成字符串，并写入session String code = Verification.getRandCode(4); session.setAttribute("verification", code); BufferedImage image = util.Verification.getImage(100,30, code, 5); response.setContentType("image/png"); OutputStream out = response.getOutputStream(); out.write(util.Verification.getByteArray(image)); out.flush(); out.close(); } 在index.jsp中设置验证码，用户点击验证码时，调用js代码请求服务器得到新的验证码。因为上面的那个生成验证码的servlet会被浏览器缓存，所以js代码中需要给该servlet一个随机的参数，这样浏览器就会向服务器发请求得到新的验证码，而不是去缓存中读取。
Insert title here
最后是在checkVerification.java这个servlet中判断用户输入的验证码是否正确，为了方便用户，验证码一般都设置成大小写不敏感，所以要先转化为小写字母再比对。
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { HttpSession session = request.getSession(); String verification = (String)session.getAttribute("verification"); String submitVerification = request.getParameter("submitVerification"); PrintWriter out = response.getWriter(); if(verification!=null && submitVerification!=null){ if(verification.toLowerCase().equals(submitVerification.toLowerCase())){ out.println("yes!!!"); } else{ out.println("no!!!"); } } else{ out.println("no!!!"); } session.removeAttribute("verification");//防止用户重复提交表单 } /** * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response) */ protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // TODO Auto-generated method stub doGet(request, response); } 最后运行的效果图如下
该文章在我的个人博客地址是： http://www.alphaway.org/post-464.html