Java生成微信小程序二维码并显示在HTML页面：如何解决Base64编码显示失败的问题？-java教程-PHP中文网

Java生成微信小程序二维码并显示在HTML页面：如何解决Base64编码显示失败的问题？

花韻仙語

发布： 2025-03-09 11:02:20

原创

393人浏览过

java生成微信小程序二维码并显示在html页面：如何解决base64编码显示失败的问题？

本文将指导您如何使用Java生成包含参数的微信小程序二维码，并将其正确显示在HTML页面上，特别解决Base64编码显示失败的问题。许多开发者在将Java后端生成的二维码显示到前端时，会遇到Base64编码显示失败的难题。问题的关键在于正确处理微信小程序二维码API的响应结果，并将其以合适的格式传递给前端。

之前的代码尝试直接使用Base64编码二维码图片数据，但忽略了API返回的是图片数据流，而非Base64字符串。因此，需要修改Java后端代码，将二进制图片数据转换为Base64字符串。

以下是改进后的Java代码片段：

String accessToken = getAccessToken();
// 调用微信接口生成二维码
URL url = new URL("https://api.weixin.qq.com/wxa/getwxacodeunlimit?access_token=" + accessToken);
HttpURLConnection connection = (HttpURLConnection) url.openConnection();
connection.setRequestMethod("POST");
connection.setDoOutput(true);
connection.setDoInput(true);

PrintWriter writer = new PrintWriter(connection.getOutputStream());
JSONObject paramJson = new JSONObject();
paramJson.put("scene", "id=1");
paramJson.put("page", "/pages/index/index");
writer.write(paramJson.toString());
writer.flush();

// 处理图片数据流，转换为Base64字符串
InputStream inputStream = connection.getInputStream();
byte[] bytes = inputStream.readAllBytes(); // 使用readAllBytes()读取所有字节
String base64Encoded = Base64.getEncoder().encodeToString(bytes); // 使用Base64.getEncoder()进行编码
inputStream.close();

// 将Base64字符串返回给前端
// ... (此处根据您的框架，例如Spring MVC，将base64Encoded返回给前端) ...

登录后复制

前端HTML代码（无需修改）仍然使用：

芦笋演示

一键出成片的录屏演示软件，专为制作产品演示、教学课程和使用教程而设计。

查看详情

立即学习“Java免费学习笔记（深入）”；

@@##@@</img>

登录后复制

对应的JavaScript代码（例如使用axios）：

axios.get('/qrcode/test', {
    params: {
        code: text
    }
}).then(function (res) {
    var data = res.data.data;
    that.src = "data:image/jpeg;base64," + data;
});

登录后复制

关键改进在于使用inputStream.readAllBytes()一次性读取所有字节，并使用Base64.getEncoder().encodeToString()进行Base64编码，确保图片数据完整性。请确保已引入必要的Base64编码库。同时，请检查您的网络请求和后端数据返回机制是否正确配置。通过这些修改，Java后端可以正确生成并返回Base64编码的二维码图片数据，前端即可正确显示二维码。