<span class="codeInput"><input id="vcode" type="text" name="vcode" placeholder="请输入验证码" /></span>
<img id="vcodeImage" src="${ctx}/resources/images/login/defcode.png" οnclick="changeValidateCode()" title="点击图片刷新验证码"/>
</div>
function changeValidateCode(){
$("#vcodeImage").attr("src","${ctx}/generateVcodeImage?random="+Math.random());
}
/**
* 方法名称:generateVcodeImage
* 描述:生成验证码
*/
@Ignore
@Action(value = "generateVcodeImage",results = { @Result(name = SUCCESS,type="stream",params={"contentType","image/jpeg","inputName","inputStream"})})
public String generateVcodeImage() {
VerificationCodeUtil vcu = VerificationCodeUtil.getInstance();
getSession().setAttribute("vcode", vcu.getVerificationCodeValue());
this.setInputStream(vcu.getImage());
return SUCCESS;
}
VerificationCodeUtil 工具类详见链接 http://download.csdn.net/detail/yubin2009m/9536236