java后台随机验证码的生成及前台html展示

        今天项目中使用到了随机验证码，使用的过程中遇见了一点点小坑，特此记录一下，方便以后使用。

        后台生成图片后可使用输出流也可以使用base64的方式传至前台展示，以下是代码。

 第一种：使用流的方式

        前台代码：

 <img id="imgObj" src="项目地址/getPicStream" οnclick="reloadcode()" />

 function reloadcode(){
        var verify=document.getElementById('imgObj');
verify.setAttribute('src','项目地址/getPicStream?'+Random.uuid());//(随机数一定要带，地址变化才会重新访问)

}

        后台代码：

随机验证码生成工具

import javax.imageio.ImageIO;
import java.awt.*;
import java.awt.image.BufferedImage;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.OutputStream;
import java.util.Random;

public class ImageUtil {


    // 验证码字符集
    private 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',
            'A', 'B', 'C',