java将图片转为base64返回给前端

本文实例为大家分享了java将图片转为base64返回给前端的具体代码,供大家参考,具体内容如下

一、controller端代码

@RequestMapping(value = "/captcha")
 public void imagecode(HttpServletRequest request, HttpServletResponse response) throws Exception {
 JSONObject object = new JSONObject();
 CaptchaGenerator vcg = new CaptchaGenerator();
 String vcode = vcg.generatorVCode();
 BufferedImage vcodeImage = vcg.generatorVCodeImage(vcode, true);
 response.setDateHeader("Expires", 0);
 response.setHeader("Cache-Control", "no-store, no-cache, must-revalidate");
 response.addHeader("Cache-Control", "post-check=0, pre-check=0");
 response.setHeader("Pragma", "no-cache");
 ByteArrayOutputStream outputStream = new ByteArrayOutputStream();
 response.addHeader("code", vcode.toLowerCase());
 try {
  ImageIO.write(vcodeImage, "png", outputStream);
  BASE64Encoder encoder = new BASE64Encoder();
  String base64 = encoder.encodeBuffer(outputStream.toByteArray()).trim();
  base64 = base64.replaceAll("\n", "").replaceAll("\r", "");
  object.put("code", "data:image/jpg;base64," + base64);
  response.getWriter().write(object.toString());
 } catch (IOException e) {
  response.getWriter().write("");
 } finally {
  if (outputStream != null) {
  outputStream.flush();
  outputStream.close();
  response.getWriter().close();
  }
 }

 }

二、生成验证码的代码

(从某博客拷过来直接用的)

package com.kinth.security.web.util;

import java.awt.Color;
import java.awt.Font;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.image.BufferedImage;
import java.util.Random;

/**
 * 验证码生成器
 *
 *
 */
public class CaptchaGenerator {

  /**
   * 验证码来源
   */
  final private char[] code = {
    '2', '3', '4', '5', '6', '7', '8', '9',
    'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j',
    'k', 'm', 'n', 'p', 'q', 'r', 's', 't', 'u', 'v',
    'w', 'x', 'y', 'z', 'A', 'B', 'C', 'D', 'E', 'F',
    'G', 'H', 'J', 'K', 'L', 'M', 'N', 'P', 'Q', 'R',
    'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'
  };
  /**
   * 字体
   */
  final private String[] fontNames = new String[]{
      "黑体", "宋体", "Courier", "Arial",
      "Verdana", "Times", "Tahoma", "Georgia"};
  /**
   * 字体样式
   */
  final private int[] fontStyles = new int[]{
      Font.BOLD, Font.ITALIC|Font.BOLD
  };

  /**
   * 验证码长度
   * 默认4个字符
   */
  private int vcodeLen = 4;
  /**
   * 验证码图片字体大小
   * 默认17
   */
  private int fontsize = 21;
  /**
   * 验证码图片宽度
   */
  private int width = (fontsize+1)*vcodeLen+10;
  /**
   * 验证码图片高度
   */
  private int height = fontsize+12;
  /**
   * 干扰线条数
   * 默认3条
   */
  private int disturbline = 3;

  public CaptchaGenerator(){}

  /**
   * 指定验证码长度
   * @param vcodeLen 验证码长度
   */
  public CaptchaGenerator(int vcodeLen) {
    this.vcodeLen = vcodeLen;
    this.width = (fontsize+1)*vcodeLen+10;
  }

  /**
   * 生成验证码图片
   * @param vcode 要画的验证码
   * @param drawline 是否画干扰线
   * @return
   */
  public BufferedImage generatorVCodeImage(String vcode, boolean drawline){
    //创建验证码图片
    BufferedImage vcodeImage = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);
    Graphics g = vcodeImage.getGraphics();
    //填充背景色
    g.setColor(new Color(246, 240, 250));
    g.fillRect(0, 0, width, height);
    if(drawline){
      drawDisturbLine(g);
    }
    //用于生成伪随机数
    Random ran = new Random();
    //在图片上画验证码
    for(int i = 0;i < vcode.length();i++){
      //设置字体
      g.setFont(new Font(fontNames[ran.nextInt(fontNames.length)], fontStyles[ran.nextInt(fontStyles.length)], fontsize));
      //随机生成颜色
      g.setColor(getRandomColor());
      //画验证码
      g.drawString(vcode.charAt(i)+"", i*fontsize+10, fontsize+5);
    }
    //释放此图形的上下文以及它使用的所有系统资源
    g.dispose();

    return vcodeImage;
  }
  /**
   * 获得旋转字体的验证码图片
   * @param vcode
   * @param drawline 是否画干扰线
   * @return
   */
  public BufferedImage generatorRotateVCodeImage(String vcode, boolean drawline){
    //创建验证码图片
    BufferedImage rotateVcodeImage = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);
    Graphics2D g2d = rotateVcodeImage.createGraphics();
    //填充背景色
    g2d.setColor(new Color(246, 240, 250));
    g2d.fillRect(0, 0, width, height);
    if(drawline){
      drawDisturbLine(g2d);
    }
    //在图片上画验证码
    for(int i = 0;i < vcode.length();i++){
      BufferedImage rotateImage = getRotateImage(vcode.charAt(i));
      g2d.drawImage(rotateImage, null, (int) (this.height * 0.7) * i, 0);
    }
    g2d.dispose();
    return rotateVcodeImage;
  }
  /**
   * 生成验证码
   * @return 验证码
   */
  public String generatorVCode(){
    int len = code.length;
    Random ran = new Random();
    StringBuffer sb = new StringBuffer();
    for(int i = 0;i < vcodeLen;i++){
      int index = ran.nextInt(len);
      sb.append(code[index]);
    }
    return sb.toString();
  }
  /**
   * 为验证码图片画一些干扰线
   * @param g
   */
  private void drawDisturbLine(Graphics g){
    Random ran = new Random();
    for(int i = 0;i < disturbline;i++){
      int x1 = ran.nextInt(width);
      int y1 = ran.nextInt(height);
      int x2 = ran.nextInt(width);
      int y2 = ran.nextInt(height);
      g.setColor(getRandomColor());
      //画干扰线
      g.drawLine(x1, y1, x2, y2);
    }
  }
  /**
   * 获取一张旋转的图片
   * @param c 要画的字符
   * @return
   */
  private BufferedImage getRotateImage(char c){
    BufferedImage rotateImage = new BufferedImage(height, height, BufferedImage.TYPE_INT_ARGB);
    Graphics2D g2d = rotateImage.createGraphics();
    //设置透明度为0
    g2d.setColor(new Color(255, 255, 255, 0));
    g2d.fillRect(0, 0, height, height);
    Random ran = new Random();
    g2d.setFont(new Font(fontNames[ran.nextInt(fontNames.length)], fontStyles[ran.nextInt(fontStyles.length)], fontsize));
    g2d.setColor(getRandomColor());
    double theta = getTheta();
    //旋转图片
    g2d.rotate(theta, height/2, height/2);
    g2d.drawString(Character.toString(c), (height-fontsize)/2, fontsize+5);
    g2d.dispose();

    return rotateImage;
  }
  /**
   * @return 返回一个随机颜色
   */
  private Color getRandomColor(){
    Random ran = new Random();
    return new Color(ran.nextInt(220), ran.nextInt(220), ran.nextInt(220));
  }
  /**
   * @return 角度
   */
  private double getTheta(){
    return ((int) (Math.random()*1000) % 2 == 0 ? -1 : 1)*Math.random();
  }

  /**
   * @return 验证码字符个数
   */
  public int getVcodeLen() {
    return vcodeLen;
  }
  /**
   * 设置验证码字符个数
   * @param vcodeLen
   */
  public void setVcodeLen(int vcodeLen) {
    this.width = (fontsize+3)*vcodeLen+10;
    this.vcodeLen = vcodeLen;
  }
  /**
   * @return 字体大小
   */
  public int getFontsize() {
    return fontsize;
  }
  /**
   * 设置字体大小
   * @param fontsize
   */
  public void setFontsize(int fontsize) {
    this.width = (fontsize+3)*vcodeLen+10;
    this.height = fontsize+15;
    this.fontsize = fontsize;
  }
  /**
   * @return 图片宽度
   */
  public int getWidth() {
    return width;
  }
  /**
   * 设置图片宽度
   * @param width
   */
  public void setWidth(int width) {
    this.width = width;
  }
  /**
   * @return 图片高度
   */
  public int getHeight() {
    return height;
  }
  /**
   * 设置图片高度
   * @param height
   */
  public void setHeight(int height) {
    this.height = height;
  }
  /**
   * @return 干扰线条数
   */
  public int getDisturbline() {
    return disturbline;
  }
  /**
   * 设置干扰线条数
   * @param disturbline
   */
  public void setDisturbline(int disturbline) {
    this.disturbline = disturbline;
  }

}

三、前端显示

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
 pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
<script src="../static/model/js/jquery-1.11.2.min.js"></script>
</head>
<body>

 <img id="randomImage" src="" />
 <script type="text/javascript">
 $(function() {
  refreshimg();
 })
 function refreshimg() {
  $.ajax({
  type : "POST",
  dataType : "json",
  url : "../article/captcha",
  success : function(data) {
   console.log('base64=' + data.codePic);
   $('#randomImage').attr('src', data.code);
  },
  error : function() {
  }
  });

  $("#randomImage").click(refreshimg)

 }
 </script>

</body>
</html>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

时间: 2020-02-14

Java 处理图片与base64 编码的相互转换的示例

今天项目优化了一下上传头像的功能.采用 imagecropper 插件完成裁剪图片的效果. 这个插件裁剪完的图片都是 base64 加密的字符串,上传头像也就涉及到了如何把加密的字符串转换成图片的问题. 以下是代码: /** * @Description: 将base64编码字符串转换为图片 * @Author: * @CreateTime: * @param imgStr base64编码字符串 * @param path 图片路径-具体到文件 * @return */ public stat

java实现图片转base64字符串 java实现base64字符串转图片

java 图片转base64字符串.base64字符串转图片,具体内容如下 1. 图片转base64字符串: /** * base64编码字符串转换为图片 * @param imgStr base64编码字符串 * @param path 图片路径 * @return */ public static boolean base64StrToImage(String imgStr, String path) { if (imgStr == null) return false; BASE64Dec

Java实现base64图片编码数据转换为本地图片的方法

本文实例讲述了Java实现base64图片编码数据转换为本地图片的方法.分享给大家供大家参考,具体如下: 项目中用到的把base64图片数据转为本地图片的函数 /** * 替换html中的base64图片数据为实际图片 * @param html * @param fileRoot 本地路径 * @param serRoot 服务器路径 * @return */ public static String replaceBase64Image(String html,String fileRoot

Java实现图片与Base64编码互转

淘宝里面的html用base64转换图片,不知道为什么,不过看起来好像很美好,话不多说,直接上代码: import java.io.FileInputStream; import java.io.FileOutputStream; import java.io.IOException; import java.io.InputStream; import java.io.OutputStream; import sun.misc.BASE64Decoder; import sun.misc.BA

Java 8实现图片BASE64编解码

前言 Basic编码是标准的BASE64编码,用于处理常规的需求:输出的内容不添加换行符,而且输出的内容由字母加数字组成. 最近做了个Web模版,其中想用Base64背景图.虽然网络上有现成的编码器,但总想自己实现一个.可能很多人不知道,JDK 8新提供的Base64类可以非常方便地处理此项任务:Base64 (Java Platform SE 8 ). 一.先选一张图片 mm.png 二.建立HTML演示文件模版 test.html <!DOCTYPE html> <html>

实例详解Java实现图片与base64字符串之间的转换

废话不多说了,直接给大家贴java实现图片与base84字符串之间的转换代码了,具体代码如下所示: package cn.com; import <a href="http://lib.csdn.net/base/javase" class='replace_word' title="Java SE知识库" target='_blank' style='color:#df3434; font-weight:bold;'>Java</a>.io

java 后台将base64字符串保存为图片的方法

本文介绍了java 后台将base64字符串保存为图片的方法,分享给大家,具体如下: 直接上代码: import java.io.FileOutputStream; import java.io.IOException; import java.io.InputStream; import java.io.OutputStream; import sun.misc.BASE64Decoder; import sun.misc.BASE64Encoder; public class Base64T

java后台接收app上传的图片的示例代码

整理文档,搜刮出一个java后台接受app上传的图片的示例代码,稍微整理精简一下做下分享 package com.sujinabo.file; import java.io.File; import java.io.FileOutputStream; import java.io.IOException; import java.io.InputStream; import java.util.List; import java.util.UUID; import javax.servlet.S

java和javascript中过滤掉img形式的字符串不显示图片的方法

本文实例讲述了java和javascript中过滤掉img形式的字符串不显示图片的方法.分享给大家供大家参考.具体实现方法如下: 1. javascript过滤掉<img></img>和<img />形式的字符串 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml

Android编程实现手绘及保存为图片的方法(附demo源码下载)

本文实例讲述了Android编程实现手绘及保存为图片的方法.分享给大家供大家参考,具体如下: 运行效果图预览: 应 yzuo_08 要求做了此Demo,跟以前那个手写板Demo不同的是可以将画布的内容保存为图片. 附上关键代码: MainView.java package com.tszy.views; import java.io.File; import java.io.FileNotFoundException; import java.io.FileOutputStream; impor

VC++实现View内容保存为图片的方法

本文实例讲述了VC++实现View内容保存为图片的方法.分享给大家供大家参考,具体如下: 我们在单文档应用程序中,经常需要将View中的内容保存为各种格式的图片文件,以便打印.乍一看,可能不知道从哪里下手,其实主要就是用到Bitmap的save方法,如: HDC hmemDC = ::CreateCompatibleDC( hdc ); HBITMAP hBmp = ::CreateCompatibleBitmap( hdc, destRect.Width(),destRect.Height()

C#抓取当前屏幕并保存为图片的方法

本文实例讲述了C#抓取当前屏幕并保存为图片的方法.分享给大家供大家参考.具体分析如下: 这是一个C#实现的屏幕抓取程序,可以抓取整个屏幕保存为指定格式的图片,并且保存当前控制台缓存到文本 using System; using System.Collections.Generic; using System.ComponentModel; using System.Diagnostics; using System.Drawing; using System.Drawing.Imaging; u

让Java后台MySQL数据库能够支持emoji表情的方法

前言 公司最近在开发中遇到一个问题,在弄帖子的发布与回复问题,然后再iOS端和Android端添加表情的时候都会出错 Caused by: java.sql.SQLException: Incorrect string value: '\xF6\x9D\x98\x84' for column 'comment' at row 1 提示表情有问题,然后赶紧查资料. 首先数据库编码为UTF-8,字段content设置为text(CHARSET=utf8 COLLATE=utf8_unicode_ci

将文本文件的内容或者文字保存成图片的方法分享

调用方法: 复制代码 代码如下: ConvertTextFileToImage(Server.MapPath("~/Log.txt"),Server.MapPath("~/Log.png")); 实现代码: 复制代码 代码如下: void ConvertTextFileToImage(String textFile,String imageFile){System.Drawing.Font drawFont = new System.Drawing.Font(&qu

java后台调用HttpURLConnection类模拟浏览器请求实例(可用于接口调用)

一般在项目开发中难免遇到外部接口的调用,本文实例讲述了java后台调用HttpURLConnection类模拟浏览器请求的方法.可用于接口调用.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: package com.cplatform.movie.back.test; import java.io.BufferedReader; import java.io.DataOutputStream; import java.io.InputStreamReader; import ja