图形验证码的问题

893586170x5 · 发表于 2015-5-6 13:08:21

开发一个注册程序，可以短息验证、图形验证编了个图形验证码程序，点击按钮，在img文件夹生成一个图形验证码图片CheckCode.png
<div component="$UI/system/components/justep/data/data" autoLoad="false"
   xid="statusData" autoNew="true" idColumn="calcCanSaveOrder">
   <column labe1="fImage" name="fImage" type="String" xid="default13"/>
   <column labe2="calcImageURL" name="calcImageURL" type="String" xid="default12"/>
   <rule xid="rule1">
      <col name="calcImageURL" xid="ruleCol1">
      <calculate xid="calculate1">
         <expr xid="default14">$model.transURL('./img/'+val('fImage'))</expr>
      </calculate>
      </col>
   </rule>
</div>

//生成图形验证码
Model.prototype.SCTxCodeClick = function(event) {

      var statusData = this.comp("statusData");

var params = {"TxCodeUrl" : statusData.val("fImage")};

      var success = function(resultData)
      {
      //拿到从后台返回的验证码
      this._TxCode = resultData.CheckCode;
      alert( this._TxCode);
      };
Baas.sendRequest({
"url"    : "/takeout",
"action"  : "TxCode",
"params"  : params,
"success" : success
});

};

然而点击换一张按钮，页面上的图形验证码不变，是什么原因

jishuang · 发表于 2015-5-6 15:46:13

那就在按钮的点击事件中跟踪一下看看具体到什么地方错的

893586170x5 · 发表于 2015-5-6 17:39:22

没有错，新生成的图片没有加载进去

893586170x5 · 发表于 2015-5-6 17:41:36

后台的java程序生成的图形验证码是成功的，也存到img文件下，可是在imgae组件里，图片没有刷新出来

893586170x5 · 发表于 2015-5-6 17:42:44

private static void TxCode(ServletRequest request, ServletResponse response) throws SQLException, IOException, NamingException , Exception
{
JSONObject params = (JSONObject) JSONObject.parse(request.getParameter("params"));
String TxCodeUrl = params.getString("TxCodeUrl");
System.out.println(TxCodeUrl);
File directory = new File("");//参数为空
String courseFile = directory.getCanonicalPath() ;

courseFile= new File(courseFile).getParent(); //获取上一级目录
TxCodeUrl=courseFile+"\\model\\UI2\\weixinapp\\img\\"+TxCodeUrl;
ValidateCode vCode = new ValidateCode(120,40,5,100);
try {
         System.out.println(vCode.getCode()+" >"+TxCodeUrl);
         vCode.write(TxCodeUrl);
         JSONObject jsonObj = new JSONObject();
         jsonObj.put("CheckCode", vCode.getCode());
         Util.writeJsonToResponse(response, jsonObj);
      } catch (IOException e) {
         e.printStackTrace();
      }

}

package com.justep.baas.takeout;

import java.awt.Color;
import java.awt.Font;
import java.awt.Graphics2D;
import java.awt.image.BufferedImage;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.OutputStream;
import java.util.Random;

import javax.imageio.ImageIO;
/**
* 验证码生成器
* @author dsna
*
*/
public class ValidateCode {
// 图片的宽度。
private int width = 160;
// 图片的高度。
private int height = 40;
// 验证码字符个数
private int codeCount = 5;
// 验证码干扰线数
private int lineCount = 150;
// 验证码
private String code = null;
// 验证码图片Buffer
private BufferedImage buffImg=null;

private char[] codeSequence = { 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J',
         'K', 'L', 'M', 'N',  'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W',
         'X', 'Y', 'Z',  '1', '2', '3', '4', '5', '6', '7', '8', '9' };

public  ValidateCode() {
      this.createCode();
}

/**
   *
   * @param width 图片宽
   * @param height 图片高
   */
public  ValidateCode(int width,int height) {
      this.width=width;
      this.height=height;
      this.createCode();
}
/**
   *
   * @param width 图片宽
   * @param height 图片高
   * @param codeCount 字符个数
   * @param lineCount 干扰线条数
   */
public  ValidateCode(int width,int height,int codeCount,int lineCount) {
      this.width=width;
      this.height=height;
      this.codeCount=codeCount;
      this.lineCount=lineCount;
      this.createCode();
}

public void createCode() {
      int x = 0,fontHeight=0,codeY=0;
      int red = 0, green = 0, blue = 0;

      x = width / (codeCount +2);//每个字符的宽度
      fontHeight = height - 2;//字体的高度
      codeY = height - 4;

      // 图像buffer
      buffImg = new BufferedImage(width, height,BufferedImage.TYPE_INT_RGB);
      Graphics2D g = buffImg.createGraphics();
      // 生成随机数
      Random random = new Random();
      // 将图像填充为白色
      g.setColor(Color.WHITE);
      g.fillRect(0, 0, width, height);
      // 创建字体
      ImgFontByte imgFont=new ImgFontByte();
      Font font =imgFont.getFont(fontHeight);
      g.setFont(font);

      for (int i = 0; i < lineCount; i++) {
         int xs = random.nextInt(width);
         int ys = random.nextInt(height);
         int xe = xs+random.nextInt(width/8);
         int ye = ys+random.nextInt(height/8);
         red = random.nextInt(255);
         green = random.nextInt(255);
         blue = random.nextInt(255);
         g.setColor(new Color(red, green, blue));
         g.drawLine(xs, ys, xe, ye);
      }

      // randomCode记录随机产生的验证码
      StringBuffer randomCode = new StringBuffer();
      // 随机产生codeCount个字符的验证码。
      for (int i = 0; i < codeCount; i++) {
         String strRand = String.valueOf(codeSequence[random.nextInt(codeSequence.length)]);
         // 产生随机的颜色值，让输出的每个字符的颜色值都将不同。
         red = random.nextInt(255);
         green = random.nextInt(255);
         blue = random.nextInt(255);
         g.setColor(new Color(red, green, blue));
         g.drawString(strRand, (i + 1) * x, codeY);
         // 将产生的四个随机数组合在一起。
         randomCode.append(strRand);
      }
      // 将四位数字的验证码保存到Session中。
      code=randomCode.toString();
      System.out.println("55555555555="+code);
}

public void write(String path) throws IOException {
System.out.println("55555555555="+path);
      OutputStream sos = new FileOutputStream(path);
         this.write(sos);
}

public void write(OutputStream sos) throws IOException {
         ImageIO.write(buffImg, "png", sos);
         sos.close();
}
public BufferedImage getBuffImg() {
      return buffImg;
}

public String getCode() {
      return code;
}
}

893586170x5 · 发表于 2015-5-6 17:43:40

//生成图形验证码
Model.prototype.SCTxCodeClick = function(event) {

      var statusData = this.comp("statusData");

var params = {"TxCodeUrl" : statusData.val("fImage")};

      var success = function(resultData)
      {
      //拿到从后台返回的验证码
      this._TxCode = resultData.CheckCode;
      alert( this._TxCode);
      };
Baas.sendRequest({
"url"    : "/takeout",
"action"  : "TxCode",
"params"  : params,
"success" : success
});



};

893586170x5 · 发表于 2015-5-6 17:46:16

893586170x5 · 发表于 2015-5-6 17:49:25

xid="image1“ 组件，图片文件名不变，但内容变了，是不是要刷新一下。
动态图片，是从数据集传来的，参照外卖菜单页面的，菜单图片的例子。

893586170x5 · 发表于 2015-5-6 19:24:45

我重新刷新网页，验证码就该变了，重新刷新网页的js语句如何写

jishuang · 发表于 2015-5-7 08:48:55

参考http://zhidao.baidu.com/question/436428502.html
http://blog.csdn.net/bonnshore/article/details/7624245

		自动登录	找回密码
密码			注册

[结贴] 图形验证码的问题