废话不多说,直接进入主题,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.image.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.image.codec.jpeg.JPEGCodec;
import com.sun.image.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 image = new BufferedImage(WIDTH, HEIGHT,
BufferedImage.TYPE_INT_RGB);
// 获得画笔对象
Graphics g = image.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(image);
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="imagecode" class="org.tarena.action.ImageCodeAction">
<result name="success" type="stream">
<param name="inputName">is</param>
<param name="contentType">image/jpeg</param>
</result>
</action>
到此基本上算是完成了,只要在你需要验证码的页面上访问该Action就行了
第三,页面中访问Action,显示验证码,该部分代码如下
<img id='imgVcode' src=\'#\'" />
当然还得有 “看不清换一张” 代码如下
<a href="javascript:;"
onclick="document.getElementById('imgVcode').src='imagecode.action?'+new Date()">看不清楚?换个图片</a>
这是个超链接的形式,当然你也可以直接在图片上加个onclick事件来访问这个Action,这个可以根据自己的喜好弄,值得注意的是每次访问时后边必须跟一个唯一的字符,不然浏览器会认为跟刚才一样所以就直接显示,导致验证码不会变化。
本文转自逍遥郎。