response小结(三)—输出随机图片(验证码功能实现)

时间:2022-08-30 18:08:02

本文是一个很简单的向网页上输出验证码的实现喲!通过注释解释清楚了每一步!

Myeclipse下的Package Explorer显示文件结构如下:

response小结(三)—输出随机图片(验证码功能实现)

ResponseDemo.java实现了输出随机图片的功能:

 package com.yyz.response;

 import java.awt.Color;
import java.awt.Font;
import java.awt.Graphics;
import java.awt.image.BufferedImage;
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 ResponseDemo extends HttpServlet { public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
//6.设置头,控制浏览器不要缓存图片数据
response.setHeader("Expires", "-1");
response.setHeader("Cache-Control", "no-cache");
response.setHeader("Pragma", "no-cache"); //5.通知浏览器以图片方式打开
response.setHeader("Content-type", "image/jpeg");
//1.在内存中创建一副图片
BufferedImage image = new BufferedImage(80,20,BufferedImage.TYPE_INT_RGB);
//2.得到图片
Graphics g = image.getGraphics();
//修改图片背景色
g.setColor(Color.WHITE);
g.fillRect(0, 0,80, 20);
//3.向图片上写数据
g.setColor(Color.BLUE);
g.setFont(new Font(null,Font.BOLD,20));
g.drawString(nakeNum(), 0, 20);
//随机画出9条干扰线
Random rand = new Random();
for(int i = 0;i<9;i++){
g.setColor(Color.BLACK);
int x1 = rand.nextInt(80);
int y1 = rand.nextInt(20);
int x2 = rand.nextInt(80);
int y2 = rand.nextInt(20);
g.drawLine(x1, y1, x2, y2);
}
//4.将图片写给浏览器
ImageIO.write(image, "jpeg", response.getOutputStream()); } private String nakeNum() {
Random r = new Random();
String num = r.nextInt(9999999)+"";//产生0-9999999的数字,但有可能不足7位,如123
StringBuffer sb = new StringBuffer();
for(int i = 0;i<7-num.length();i++){
sb.append("0");
}
return sb.toString()+num;
} public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
doGet(request,response);
}
}

register.html是一个简单的注册页面,通过img标签执行ResponseDemo.java:

 <!DOCTYPE html>
<html>
<head>
<title>register.html</title>
<meta name="keywords" content="keyword1,keyword2,keyword3">
<meta name="description" content="this is my page">
<meta name="content-type" content="text/html; charset=UTF-8">
</head>
<body>
<form action="">
用户名:<input type="text" name="username">
密码:<input type="password" name="password">
认证码:<input type="text" name="checkcode"><img src="/day06/servlet/ResponseDemo">
<input type="submit " value="注册"> <br>
<br>
</body>
</html>

最后附上测试结果:
response小结(三)—输出随机图片(验证码功能实现)

输出随机图片时,图片上若想要输出中文,可以用一个字符数组存储多个汉字(直接存汉字的编码也行),然后用Random产生的随机数做下标取出对应中文,再产生要写上图片的字符串即可。