本文介绍如何在Java环境中生成包含参数的微信小程序二维码，并将其显示在HTML页面上。 我们将探讨如何利用Java代码调用微信接口，生成二维码，并通过Base64编码将图片数据传递给前端进行展示。 之前的实现方案存在问题，导致二维码无法正常显示，主要原因在于对微信接口返回的二进制流数据处理不当。
改进后的Java后端代码重点在于正确处理二进制数据到Base64字符串的转换：
Accessibility Review
下载
对设计或页面进行 WCAG 2.1 AA 无障碍审计。触发关键词：“audit accessibility”、 “check a11y”、 “is this accessible?” 或在审查设计时使用。
String accessToken = getAccessToken(); // 获取accessToken的方法，此处省略
// 调用微信接口生成二维码
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);
connection.setRequestProperty("Content-Type", "application/json; charset=UTF-8");
// 发送请求参数
JSONObject paramJson = new JSONObject();
paramJson.put("scene", "id=1");
paramJson.put("page", "/pages/index/index");
OutputStream outputStream = connection.getOutputStream();
outputStream.write(paramJson.toString().getBytes("UTF-8"));
outputStream.flush();
outputStream.close();
// 获取响应数据
InputStream inputStream = connection.getInputStream();
byte[] imageBytes = inputStream.readAllBytes(); // 使用readAllBytes()简化读取过程
inputStream.close();
String base64Image = Base64.getEncoder().encodeToString(imageBytes);
// 返回Base64编码的二维码图片数据给前端
// ... (此处根据你的后端框架，例如Spring MVC, 将base64Image数据封装到响应中) ...
前端HTML和JavaScript代码相对简单，只需确保后端正确返回Base64编码的图片数据即可。 后端代码改进后，应将base64Image字符串作为响应数据返回。前端接收后，使用data:image/jpeg;base64,前缀拼接base64Image，并将其赋值给img标签的src属性，即可正确显示二维码。 请注意根据你的后端框架调整代码中返回base64Image的部分，并确保设置正确的Content-Type为application/json或其他适合你框架的类型，以便浏览器正确解析数据。 正确处理二进制数据到Base64字符串的转换是解决问题的关键。
