项目场景：

提示：这里简述项目相关背景：

在后端随机生成一维条形码给前端展示
效果图：

引入pom

 <dependency><groupId>net.sf.barcode4j</groupId><artifactId>barcode4j-light</artifactId><version>2.0</version></dependency>

代码：

1、生成所需的条码数字：

//获取15位随机数字cdk = RandomNumUtils.getRandomNum(15);

//生成随机数的工具类
public class RandomNumUtils {public static String getRandomNum(Integer length){String data = "";Random random = new Random();for (Integer i = 0; i < length; i++) {data += String.valueOf(random.nextInt(10));}return data;}
}

2、绘制条码图片并转换成base64：

//根据传入的code参数绘制条码图片 并返回base64
public static String getBarCodeToBase64(String code){ByteArrayOutputStream outputStream = new ByteArrayOutputStream();generate(code, outputStream);Base64.Encoder encoder = Base64.getEncoder();return encoder.encodeToString(outputStream.toByteArray());}

//绘制图片到流
public static void generate(String msg, OutputStream ous) {if (StringUtils.isEmpty(msg) || ous == null) {return;}Code39Bean bean = new Code39Bean();// 精细度final int dpi = 150;// module宽度final double moduleWidth = UnitConv.in2mm(1.0f / dpi);// 配置对象bean.setModuleWidth(moduleWidth);bean.setWideFactor(3);bean.doQuietZone(false);String format = "image/png";try {// 输出到流BitmapCanvasProvider canvas = new BitmapCanvasProvider(ous, format, dpi,BufferedImage.TYPE_BYTE_BINARY, false, 0);// 生成条形码bean.generateBarcode(canvas, msg);// 结束绘制canvas.finish();} catch (IOException e) {throw new RuntimeException(e);}}

3、计算出的base64存入数据库（用blob类型存储）

4、展示到前端

<el-dialog :title="title" :visible.sync="cdkCodeOpen" width="400px" append-to-body><div style="text-align: center ">//此处cdkBase64的值从后端取<img :src="'data:image/jpeg;base64,' + cdkBase64" alt="" align="center"></div><div slot="footer" class="dialog-footer"><el-button type="primary" @click="cancelCdkCode">确 定</el-button></div></el-dialog>

生成一维条形码并转换base64返回给前端展示相关推荐

qt barcode 生成一维条形码
感谢博主Qt 中利用 GNU barcode 生成一维条形码_liyuanbhu的博客-CSDN博客_qt 生成条形码提供的资料.然后自己弄了一个测试工程,包含了已经编译好的barcode库.直接调 ...
java返回图片base64_java将图片转为base64返回给前端
本文实例为大家分享了java将图片转为base64返回给前端的具体代码,供大家参考,具体内容如下一.controller端代码 @RequestMapping(value = "/capt ...
java 上传图片转base64_java将图片转为base64返回给前端
本文实例为大家分享了java将图片转为base64返回给前端的具体代码,供大家参考,具体内容如下一.controller端代码 @RequestMapping(value = "/capt ...
Java生成二维码并以IO流的形式返回给前端展示(不需写入服务器)，以及下载二维码图片
目录场景方案分析第一步--引入依赖第二步--编写工具类第三步--编写API接口第四步--访问测试第五步--下载图片场景最近笔者做的项目中,有一个需求: 在系统中生成一个二维码,用户保 ...
【react】扫条形一维码，二维码，生成一维条形码
toB端常用的扫码功能,当时找npm找组件很费时间所以留着自用,有需要的盆友也欢迎抱走. 一维码扫码枪扫条形码条码一般的扫码工具是像超市那样的扫码枪生命周期里一直在监听扫码枪扫码键是否按下 us ...
c语言生成一维条形码,C# BarcodeLib。dll 生成一维码的问题
public Image GetImage(int height,int width, BarcodeLib.TYPE type,string code) { ...
后端使用nodejs生成xlsx文件数据流，并返回给前端直接进行下载
本文教您如何不将文件存储在后端,使用nodejs返回文件流给前端直接进行下载 1,后端安装node-xlsx npm install node-xlsx -S 2,node生成xlsx文件buff ...
图片base64编码的前端展示及后端解码，编码
2019独角兽企业重金招聘Python工程师标准>>> *本事例主要讲了如下几点: * 1:将图片转换为BASE64加密字符串. * 2:将图片流转换为BASE64加密字符串. ...
SpringBoot+Vue项目中遇到Not allowed to load local resource图片路径问题的两种解决方案（在后端映射本地路径或将图片转base64返回给前端）
一.报错截图第一种解决方案后端映射本地路径编写MyConfig类 Java代码[MyWebConfig] package com.wechat.front.utils;import org.sp ...

生成一维条形码并转换base64返回给前端展示

项目场景：

引入pom

代码：

生成一维条形码并转换base64返回给前端展示相关推荐

最新文章

热门文章