生成图片验证码的两种实现方式

最近工作中，需求让新加一个图片验证码功能，其实这个功能之前自己写过，想必跟大家现在心里想到的实现方式一样，要么是通过servlet实现请求操作，要么是通过get请求实现操作。然后在后台通过session存储图片上的字符串，和之后前台请求过来的带的输入的字符串参数，做比较，判断是否一样。这种方式在这就不仔细说了，方法代码网上都有参考，下边会附上相关文献。

在这里主要说一下另外一种的实现方式，是在一篇博客里边看到的，写的挺好的，下边也有来源地址：

由于考虑到在多台机器上跑，不能用session， 于是决定 按照以下方案解决：

   1，页面加载时，ajax异步调用后台；

   2，后台生成验证码，生成的验证码图片用base64编码转变成字符串，与此同时将验证码加密存放在json返回值中（验证码的加密可以自己选用加密方式，只要加密解密能对应上就行）；

   3，页面接受验证码（加密）存放在隐藏域中，页面用img标签接受base64编码的图片，同时给 img标签绑定点击事件，调用2生成验证码。

   4，当页面提交时，验证加密验证码和用户输入验证码加密的字符串即可。

---

相同点：

都是要想生成BufferedImage；

不同点：

传统的用session的手法是最后将image输出到输入流里边，返回到客户端，直接src里边get方法去接收

1.  BufferedImage image = (BufferedImage) objs[1];  //image生成方式就不细说了，可以网上查看
2.     response.setContentType("image/png");  
3.     OutputStream os = response.getOutputStream();  
4.     ImageIO.write(image, "png", os); 

现在的是用base64对image进行编码，返回字符串，然后页面<image>标签中src对应的格式，如下：

BufferedImagebi= robot.createScreenCapture(r);//image生成方式就不细说了，可以网上查看 ByteArrayOutputStream os = new ByteArrayOutputStream(); OutputStream b64 = new Base64.OutputStream(os);

ImageIO.write(bi, "png", b64);//写入的是base64编码后的字符串 String result = os.toString("UTF-8");

String param = "data:image/png;base64,"+result;//拼接固定的接收格式

resultMap.put("image",param);//返回前台

js接收后， $("#imgObj").attr("src",param); <img id="imgObj" src="" />

参考文献：

http://blog.csdn.net/u011637069/article/details/51112187

http://codego.net/346203/