废话不多说,直接进入主题,javaWeb中生成验证码并在jsp上显示,我这里是用的Struts2,所以分为三步,第一,写Action,第二,写Struts.xml,第三,写jsp
第 一步,编写Action,这里用到了session (要把生成的验证码放到session中) 切其他的Action很多都会用到 session request response 等,所以我在这里写了个BaseAction 在这里得到 session request response,然后其他的Action都继承它,就不同在其他每个用到这些的里边获得这些了,代码如下
package org.xiaoyaolang.action;
import java.util.Map;
import javax.servlet.ServletContext;
import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse;import org.apache.struts2.interceptor.ServletRequestAware;
import org.apache.struts2.interceptor.ServletResponseAware; import org.apache.struts2.interceptor.SessionAware; import org.apache.struts2.util.ServletContextAware;/**
* 基本Action * @author xiaoyaolang * */ public class BaseAction implements SessionAware,ServletContextAware,ServletRequestAware,ServletResponseAware{ protected Map<String,Object> session; protected ServletContext ctx; protected static HttpServletRequest request; protected HttpServletResponse response; public String execute() throws Exception{ return "success"; } public void setSession(Map<String, Object> session) { this.session = session; }public void setServletContext(ServletContext ctx) {
this.ctx = ctx; } public void setServletRequest(HttpServletRequest request) { this.request = request; } public void setServletResponse(HttpServletResponse response) { this.response = response; } }然后是生成验证码图片的代码
package org.xiaoyaolang.action;
import java.awt.Color;
import java.awt.Font; import java.awt.Graphics; import java.awt.p_w_picpath.BufferedImage; import java.io.ByteArrayInputStream; import java.io.ByteArrayOutputStream; import java.io.InputStream; import java.util.Random;import org.xiaoyaolang.action.BaseAction;
import com.sun.p_w_picpath.codec.jpeg.JPEGCodec;
import com.sun.p_w_picpath.codec.jpeg.JPEGImageEncoder;/**
* 验证码显示Action * @author xiaoyaolang * */ public class ImageCodeAction extends BaseAction{ //图片的宽度 private static int WIDTH = 100; //图片的高度 private static int HEIGHT = 40; //验证码上字符数 private static int NUM = 4;private static char[] seq = { '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', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9' };private InputStream is;
public String execute() {
byte[] data = randomImage(); is = new ByteArrayInputStream(data); return "success"; }/**
* 生成图片 * @return */ private byte[] randomImage() { Random r = new Random();// 图片的内存映像
BufferedImage p_w_picpath = new BufferedImage(WIDTH, HEIGHT, BufferedImage.TYPE_INT_RGB);// 获得画笔对象
Graphics g = p_w_picpath.getGraphics(); g.setColor(randomColor(r)); g.fillRect(0, 0, WIDTH, HEIGHT); g.setColor(new Color(0, 0, 0));// 用于存储随机生成的验证码
StringBuffer number = new StringBuffer();// 绘制验证码
for (int i = 0; i < NUM; i++) { g.setColor(randomColor(r)); int h = (int) ((HEIGHT * 60 / 100) * r.nextDouble() + (HEIGHT * 30 / 100)); g.setFont(new Font(null, Font.BOLD | Font.ITALIC, h)); String ch = String.valueOf(seq[r.nextInt(seq.length)]); number.append(ch); g.drawString(ch, i * WIDTH / NUM * 90 / 100, h); }//将验证码打印到控制台方便查看调试,但是当程序真正上线的时候一定要删掉哦
System.out.println(number.toString()); //将验证码放入到session中 session.put("code", number.toString());// 绘制干扰线,这里绘制12条,如果感觉太乱,可以减少点
for (int i = 0; i <= 12; i++) { g.setColor(randomColor(r)); g.drawLine(r.nextInt(WIDTH), r.nextInt(HEIGHT), r.nextInt(WIDTH), r .nextInt(HEIGHT));}
ByteArrayOutputStream os = new ByteArrayOutputStream();
JPEGImageEncoder encoder = JPEGCodec.createJPEGEncoder(os);
// 把BufferedImage对象中的图像信息编码后
// 向创建该对象(encoder)时指定的输出流输出 try { encoder.encode(p_w_picpath); return os.toByteArray(); } catch (Exception e) { throw new RuntimeException(e); } }private Color randomColor(Random r) {
return new Color(r.nextInt(255), r.nextInt(255), r.nextInt(255)); }public InputStream getIs() {
return is; }public void setIs(InputStream is) {
this.is = is; } }到这基本上完成了一大半了,下边就是配置struts.xml了
第二,Struts.xml中配置Action,该部分的代码如下
<!-- 生成验证码图片 -->
<action name="p_w_picpathcode" class="org.tarena.action.ImageCodeAction"> <result name="success" type="stream"> <param name="inputName">is</param> <param name="contentType">p_w_picpath/jpeg</param> </result> </action>到此基本上算是完成了,只要在你需要验证码的页面上访问该Action就行了
第三,页面中访问Action,显示验证码,该部分代码如下
<img id='imgVcode' src="p_w_picpathcode.action" />
当然还得有 “看不清换一张” 代码如下
<a href="javascript:;"
οnclick="document.getElementById('imgVcode').src='p_w_picpathcode.action?'+new Date()">看不清楚?换个图片</a>这是个超链接的形式,当然你也可以直接在图片上加个onclick事件来访问这个Action,这个可以根据自己的喜好弄,值得注意的是每次访问时后边必须跟一个唯一的字符,不然浏览器会认为跟刚才一样所以就直接显示,导致验证码不会变化。
本文转自。