Java Web开发优化：将随机验证码图片进行Base64转码

这篇文章续写之前的一篇文章：《使用Java Servlet生成随机验证码图片的代码》。所以如果你对随机验证码图片是怎么生成的话请先看看之前的文章。

一、什么是Base64编码

Base64就是一种编码格式。Base64要求把每三个8Bit的字节转换为四个6Bit的字节（3*8 = 4*6 = 24），然后把6Bit再添两位高位0，组成四个8Bit的字节，也就是说，转换后的字符串理论上将要比原来的长1/3。（转载自百度百科）

二、为什么要用Base64编码

请注意了，我们这里说的使用是在加载随机验证码图片的时候，这样做的目的就是加快网站加载速度，减轻网站服务器压力。（为什么不让服务器传回验证码值，前端来实现验证码图片的生成？）

通常我们在客户端显示随机验证码图片的时候是通过<img src=”url” />这个标签来显示的验证码图片（不可能把验证码直接显示成一个文字字符串吧！）。这个url就是随机验证码的图片。当网页将网站源码加载完成后，会再次通过这个URL地址请求服务器，加重服务器负担。

URL方式显示验证码图片

从上图可以看到，请求一个网站的同时，加载图片时又发送了一次HTTP请求。

然而<img src=”data:image/jpg;base64,imgcode”>也可以显示图片的，需要做的就是将图片从新按base64格式进行编码。这样就不会再次发送一次HTTP请求，而是让客户端浏览器解析base64的代码。

Base64编码显示图片

上图可以看出，图片虽然增加了一点，但是并没有再次发送HTTP请求。

三、Java如何实现对图片进行Base64转码

Java很强大的，其实已经给我们准备好了转码的工具类。不过这个类在JDK1.8以前是隐藏了的，并没有在API中显示出来，而在JDK1.8以后则直接在JDK中告诉了我们。

在JDK1.8之前，Base64的编码工具类是这样引入的：java.util.Base64Encode

在JDK1.8之后，Base64的编码工具类是这样引入的：java.util.Base64.Encode

由于我使用了1.8的JDK，所以使用的是后者。转码步骤如下：

1. 创建ByteArrayOutputStream对象存储图像的二进制代码
2. 创建BufferedImage随机验证码图片
3. 使用ImageIO的write()方法将BufferedImage对象写入到ByteArrayOutputStream对象中
4. 将ByteArrayOutputStream对象转换成byte[]数组
5. 创建Base64.Encode对象
6. 使用encode对象的encodeToString()方法将byte[]图像数组编码转换成一个Base64的字符串

通过上面几个步骤即可完成对随机验证码图片的Base64转码。实现代码如下：

// 创建编码对象

Base64.Encoder base64 = Base64.getEncoder();

// 创建字符流

ByteArrayOutputStream bs = new ByteArrayOutputStream();

// 写入字符流

ImageIO.write(image, "jpg", bs);

// 转码成字符串

String imgsrc = base64.encodeToString(bs.toByteArray());

四、在网页中使用Base64编码的图片

这个就简单了吧！自己想怎么用就怎么用吧，可以使用JavaBean封装，也可以使用EL表达式来传送。我的简单测试了一下，最终显示结果如下：

显示Base64编码的验证码图片

 转载自：http://www.xcoder.cn/index.php/archives/1335

后台验证码生成可以参考如下方法：

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.ServletOutputStream;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;








public class ImageAction extends HttpServlet { 


/** 
* 执行登陆的业务处理 
* @param request:发送上来的请求 
* @return destJsp：目标URL 
*/ 
public void init() throws ServletException
    {
        super.init();
    }




public void service(HttpServletRequest request, HttpServletResponse response)
    throws ServletException, IOException{
//设置页面不缓存 
response.setHeader("Pragma", "No-cache"); 
response.setHeader("Cache-Control", "no-cache"); 
response.setDateHeader("Expires", 0); 


//在内存中创建图象 
int width = 60, height = 20; 
BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB); 
//获取图形上下文 
Graphics g = image.getGraphics(); 
//生成随机类 
Random random = new Random(); 
//设定背景色 
g.setColor(getRandColor(220, 250)); 
g.fillRect(0, 0, width, height); 
//设定字体 
g.setFont(new Font("Times New Roman", Font.PLAIN, 18)); 
//画边框 
//g.drawRect(0,0,width-1,height-1); 
g.draw3DRect(0,0,width-1,height-1,true); 
//随机产生155条干扰线，使图象中的认证码不易被其它程序探测到 
g.setColor(getRandColor(160, 200)); 
for (int i = 0; i < 155; i++) { 
int x = random.nextInt(width); 
int y = random.nextInt(height); 
int xl = random.nextInt(12); 
int yl = random.nextInt(12); 
g.drawLine(x, y, x + xl, y + yl); 
} 
// 取随机产生的认证码(6位数字) 
String sRand = ""; 
String s = "012345678901234567890123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ012345678901234567890123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ"; 
for (int i = 0; i < 4; i++) { 
char rand =s.charAt(random.nextInt(s.length())); 
sRand += rand; 
// 将认证码显示到图象中 
g.setColor(new Color(20 + random.nextInt(110), 20 + random.nextInt(110), 20 + random.nextInt(110))); 
//调用函数出来的颜色相同，可能是因为种子太接近，所以只能直接生成 
g.drawString(String.valueOf(rand), 13 * i + 6, 16); 
} 
g.drawOval(0,12,60,11); 
// 将认证码存入SESSION 
request.getSession().setAttribute("rand", sRand); 
// 图象生效 
g.dispose(); 
ServletOutputStream output = null; 
try { 
output = response.getOutputStream(); 
// 输出图象到页面 
ImageIO.write(image, "JPEG", output); 
} catch (IOException e) { 
e.printStackTrace(); 
}finally{
output.close();
} 




} 


/** 
* 生成随机颜色 
*/ 
private Color getRandColor(int fc, int bc) { 
Random random = new Random(); 
if (fc > 255) 
fc = 255; 
if (bc > 255) 
bc = 255; 
int r = fc + random.nextInt(bc - fc); 
int g = fc + random.nextInt(bc - fc); 
int b = fc + random.nextInt(bc - fc); 
return new Color(r, g, b); 
} 




}
转载自：http://bbs.csdn.net/topics/370204951