本文将指导您如何使用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编码的二维码图片数据，前端即可正确显示二维码。
© 版权声明
文章版权归作者所有，未经允许请勿转载。
THE END
喜欢就支持一下吧
相关推荐
