当前位置：首页 > news >正文

线上图片验证码性能优化base64编码

news 来源：原创 2025/6/21 3:00:24

背景

项目中发现，img标签中写src，读取一个png图片，只有16kb，速度特别慢。图片是以https链接的方式请求的。

解决办法

将图片url链接转为base64编码格式，然后返回给前端，速度提升特别快。

定义：base64是一种基于64个可打印字符(A-Z、a-z、0-9、+、/)来表示二进制数据的表示方法,末尾用=做后缀。

原代码

byteArrayOutputStream = new ByteArrayOutputStream();
ImageIO.write(imageCode.getImage(), "jpeg", byteArrayOutputStream);
String fileName = UUID.randomUUID() + ".jpeg";

ResponseEntity<String> upload = fileUploadAndDownLoadService.upload(byteArrayOutputStream.toByteArray(), fileName);
JSONObject body = new JSONObject(upload.getBody());
JSONObject data = new JSONObject(body.get("data"));

TempFile tempFile = new TempFile();
tempFile.setFileName(fileName);
tempFile.setFileUrl(data.get("url").toString());
            tempFile.setFileType(fileName.substring(fileName.lastIndexOf(".") + 1));
tempFile.setDeleteStatus(0);
tempFile.setCreateTime(new Date());
tempFileMapper.insertSelective(tempFile);
return tempFile.getFileUrl();

优化后代码

byteArrayOutputStream = new ByteArrayOutputStream();
ImageIO.write(imageCode.getImage(), "jpeg", byteArrayOutputStream);
            
// 获取图片的字节数组
byte[] imageBytes = byteArrayOutputStream.toByteArray();
// 将字节数组转换为 Base64 字符串
String base64Image = Base64.getEncoder().encodeToString(imageBytes);
           
String fileName = UUID.randomUUID() + ".jpeg";
//ResponseEntity<String> upload = fileUploadAndDownLoadService.upload(byteArrayOutputStream.toByteArray(), fileName);
//JSONObject body = new JSONObject(upload.getBody());
//JSONObject data = new JSONObject(body.get("data"));

TempFile tempFile = new TempFile();
tempFile.setFileName(fileName);
//tempFile.setFileUrl(data.get("url").toString());
tempFile.setFileUrl(fileName);
            tempFile.setFileType(fileName.substring(fileName.lastIndexOf(".") + 1));
tempFile.setDeleteStatus(0);
tempFile.setCreateTime(new Date());
tempFileMapper.insertSelective(tempFile);

//return tempFile.getFileUrl();
return base64Image;