登录时添加验证码

18670236210 · 发表于 2018-1-15 08:46:37

看了帖子说跟传统的一样，但是别人的都是HTML 或者JSP页面， X5的我照传统的方式写java文件是没问题，但是返回的图片到JS里面变成乱码，不知道X5要怎么处理返回的图片，下面把我的代码贴出来，求帮忙解决！

java代码：
  BufferedImage image = new BufferedImage(IMG_WIDTH, IMG_HEIGHT, BufferedImage.TYPE_INT_RGB); // 实例化BufferedImage
      Graphics g = image.getGraphics();
      Color c = new Color(200, 200, 255);                                           // 验证码图片的背景颜色
      g.setColor(c);
      g.fillRect(0, 0, IMG_WIDTH, IMG_HEIGHT);                                     // 图片的边框

      StringBuffer sb = new StringBuffer();                                        // 用于保存验证码字符串
      int index;                                                                   // 数组的下标
      for (int i = 0; i < NUMBER_OF_CHS; i++) {
            index = r.nextInt(chs.length);                                           // 随机一个下标
            g.setColor(new Color(r.nextInt(88), r.nextInt(210), r.nextInt(150)));    // 随机一个颜色
            g.drawString(chs[index] + "", 15 * i + 3, 18);                            // 画出字符
            sb.append(chs[index]);                                                    // 验证码字符串
      }

      request.getSession().setAttribute("piccode", sb.toString());                   // 将验证码字符串保存到session中
      ImageIO.write(image, "jpg", response.getOutputStream());                      // 向页面输出图像

JS代码：
var ss = this.doValidateImage();
      $('#validateImg').attr('src',ss);

返回：
QQ图片20180115084124.png