Java Web:使用Servlet生成网页随机图片验证码
最近在学习Java Web开发,做了一个生成网页随机图片验证码的例子,在此记录。
一、新建Servlet项目:
在MyEclipse中新建Servlet项目,一步步操作就OK,在此不再赘述。建好之后文件目录树如下图:
二、源代码实现:
(1)java代码:
package com.zdt.identity; import java.awt.Color; import java.awt.Font; import java.awt.Graphics2D; import java.awt.image.BufferedImage; import java.io.IOException; import java.io.PrintWriter; import java.util.Random; import javax.servlet.ServletException; import javax.servlet.ServletOutputStream; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import com.sun.image.codec.jpeg.JPEGCodec; import com.sun.image.codec.jpeg.JPEGImageEncoder; public class Servlet1 extends HttpServlet { //随机字符集合 public static final char[] CHARS = {'0','1','2','3','4','5','6', '7','8','9','A','B','C','D','E','F','G','H','I','J','K','L', 'M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z'}; //随机数 public static Random random = new Random(); //获取6位随机数 public static String getRandomString() { //字符串缓存 StringBuffer strBuffer = new StringBuffer(); //循环从字符集中随机取出6个字符 for (int i = 0; i < 6; i++) { strBuffer.append(CHARS[random.nextInt(CHARS.length)]); } return strBuffer.toString(); } //获取随机颜色 public static Color getRandomColor() { return new Color(random.nextInt(255), random.nextInt(255), random.nextInt(255)); } //获取某一颜色的反色 public static Color getReverseColor(Color c) { return new Color(255 - c.getRed(), 255 - c.getGreen(), 255 - c.getBlue()); } /** * Constructor of the object. */ public Servlet1() { super(); } /** * Destruction of the servlet. <br> */ public void destroy() { super.destroy(); // Just puts "destroy" string in log // Put your code here } /** * The doGet method of the servlet. <br> * * This method is called when a form has its tag value method equals to get. * * @param request the request send by the client to the server * @param response the response send by the server to the client * @throws ServletException if an error occurred * @throws IOException if an error occurred */ public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { //设置输出的类型,此处为图片 response.setContentType("image/jpeg"); //获取随机字符串 String randomString = getRandomString(); //把随机字符串绑定到当前会话 request.getSession(true).setAttribute("randomString", randomString); int width = 100;//图片宽度 int height = 30;//图片高度 //获取一种随机颜色 Color color = getRandomColor(); //获取上述颜色的反色 Color reverseColor = getReverseColor(color); //根据宽度和高度,创建一个彩色图片 BufferedImage bi = new BufferedImage(width, height, BufferedImage.TYPE_INT_BGR); //获取绘图对象 Graphics2D graphics2d = bi.createGraphics(); //设置字体 graphics2d.setFont(new Font(Font.SANS_SERIF, Font.BOLD, 16)); //设置颜色 graphics2d.setColor(color); //绘制背景 graphics2d.fillRect(0, 0, width, height); //设置背景颜色,与字符颜色相反 graphics2d.setColor(reverseColor); //绘制随机字符 graphics2d.drawString(randomString, 18, 20); //绘制随机噪音点,最多绘制100个 for (int i = 0, n = random.nextInt(100); i < n; i++) { graphics2d.drawRect(random.nextInt(width), random.nextInt(height), 1, 1); } //响应的输出流 ServletOutputStream servletOutputStream = response.getOutputStream(); //转换成JPEG格式 JPEGImageEncoder encoder = JPEGCodec.createJPEGEncoder(servletOutputStream); //对图片编码 encoder.encode(bi); //输出到客户端 servletOutputStream.flush(); } /** * The doPost method of the servlet. <br> * * This method is called when a form has its tag value method equals to post. * * @param request the request send by the client to the server * @param response the response send by the server to the client * @throws ServletException if an error occurred * @throws IOException if an error occurred */ public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { } /** * Initialization of the servlet. <br> * * @throws ServletException if an error occurs */ public void init() throws ServletException { // Put your code here } }注意:在导入JPEG图片处理包JPEGCodec和JPEGImageEncoder时可能会报错,解决方案见:http://blog.csdn.net/u013149325/article/details/44838283
(2)写web.xml配置文件,主要代码如下:
<servlet> <servlet-name>Servlet1</servlet-name> <display-name>This is the display name of my J2EE component</display-name> <description>This is the description of my J2EE component</description> <servlet-class>com.zdt.identity.Servlet1</servlet-class> </servlet> <servlet-mapping> <servlet-name>Servlet1</servlet-name> <url-pattern>/servlet/Servlet1</url-pattern> </servlet-mapping>
(3)写html文件,代码如下:
<!DOCTYPE html> <html> <head> <title>identity.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=GBK"> <!--<link rel="stylesheet" type="text/css" href="./styles.css">--> </head> <script> function reloadImage() { document.getElementById('btn').disabled = true; document.getElementById('Servlet1').src = 'servlet/Servlet1?ts=' + new Date().getTime(); } </script> <body> This is my HTML page. <br> <img alt="" src="servlet/Servlet1" id="Servlet1" onload="btn.disabled = false;" /> <input type=button value="换个图片" onclick="reloadImage()" id="btn"> </body> </html>三、程序部署
安装Tomcat并部署成windows服务的教程:http://www.blogjava.net/lushengdi/archive/2010/07/01/324952.html
找到Tomcat的安装目录,在webapps目录下新建一个文件夹,命名servletTest,把项目编译后的WebRoot文件夹下的所有文件复制到servletTest文件夹中,Tomcat会自动加载项目。
四、结果演示
在浏览器地址栏中输入:http://localhost:8080/servletTest/identity.html,回车,结果如下图:
点击“换个图片”按钮,图片就会变化
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。