本文将指导您如何使用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编码的二维码图片数据，前端即可正确显示二维码。
