二维码及验证码生成与图片刷新

[toc]

目的

• 就是模仿验证码生成并点击刷新的形式,这个图片不是通过保存成文件然后通过文件地址访问的形式
• 而是是通过生成图片转成流,中间不用保存图片即可.
  > 效果二维码生成并点击刷新为新的二维码

后台

使用springBoot框架 加上谷歌的zxing二维码生成
– 先引入依赖

<dependency>
            <groupId>com.google.zxing</groupId>
            <artifactId>javase</artifactId>
            <version>3.3.0</version>
        </dependency>

zxing包的使用

下面是zxing二维码的基本使用封装好了 直接用就行

public class QRCodeUtil {
    private static final int width = 300;// 默认二维码宽度
    private static final int height = 300;// 默认二维码高度
    private static final String format = "png";// 默认二维码文件格式
    private static final Map<EncodeHintType, Object> hints = new HashMap();// 二维码参数

    static {
        hints.put(EncodeHintType.CHARACTER_SET, "utf-8");// 字符编码
        hints.put(EncodeHintType.ERROR_CORRECTION, ErrorCorrectionLevel.H);// 容错等级 L、M、Q、H 其中 L 为最低, H 为最高
        hints.put(EncodeHintType.MARGIN, 2);// 二维码与图片边距
    }
    /**
     * 返回一个 BufferedImage 对象
     * @param content 二维码内容
     * @param width   宽
     * @param height  高
     */
    public static BufferedImage toBufferedImage(String content, int width, int height) throws WriterException, IOException {
        BitMatrix bitMatrix = new MultiFormatWriter().encode(content, BarcodeFormat.QR_CODE, width, height, hints);
        return MatrixToImageWriter.toBufferedImage(bitMatrix);
    }

    public static void writeToStream(String content, OutputStream stream, int width, int height) throws WriterException, IOException {
        BitMatrix bitMatrix = new MultiFormatWriter().encode(content, BarcodeFormat.QR_CODE, width, height, hints);
        MatrixToImageWriter.writeToStream(bitMatrix, format, stream);
    }

    /**
     * 生成二维码图片文件
     * @param content 二维码内容
     * @param path    文件保存路径
     * @param width   宽
     * @param height  高
     */
    public static void createQRCode(String content, String path, int width, int height) throws WriterException, IOException {
        BitMatrix bitMatrix = new MultiFormatWriter().encode(content, BarcodeFormat.QR_CODE, width, height, hints);
        //toPath() 方法由 jdk1.7 及以上提供
        MatrixToImageWriter.writeToPath(bitMatrix, format, new File(path).toPath());
    }
}

springMVC中使用

• 把生成的BufferedImage 放入流中 通过response返回文件流的形式即可

@RequestMapping("/getone")
    public void getOne(HttpServletResponse response){
        try {
            BufferedImage bufferedImage= qrCodeUtil.toBufferedImage("http://www.maoxiaomiyy.com",500,500);
            ImageIO.write(bufferedImage, "JPEG", response.getOutputStream());
        } catch (WriterException e) {
            e.printStackTrace();
        } catch (IOException e) {
            e.printStackTrace();
        }
        //return new String("df");
    }

这样浏览器访问时http://localhost:4002/qr/getone?time=15.843586305724887 就会出现一张二维码

前端

像刚才那样只返回二维码其实不是日常的使用方式
我们一般都是 使用img标签
<img id="imgflu" src="./getone" ></img>

• src是一个url链接,通过改变这个url链接来达到刷新效果,img标签会自动把src的内容通过网络请求给下载下来

• 通过jquery设置src, jquery选择这个标签然后使用attr设置src属性即可
  $(“#imgflu”).attr(“src”, “./getone”+”?time=”+shu);

• 浏览器当看到相同的src指向的url时就不会请求了,这就是为什么我在后面加了一个时间参数,这样浏览器会一直请求图片

BufferedImage使用及介绍