闪烁的验证码工具类(登录/注册)
page页面中引入
<div class="col-sm-10">
<input id="vcode" type="text" name="vcode" placeholder="请输入验证码" maxlength="4">
<a href="#" id="js-get_mobile_vcode" class="button btn-disabled">
<img src="../login/getGifCode" id="randImg" onclick="changeValidateCode()">
</a>
</div>
Controller用法
/**
* 获取验证码(Gif版本)
* @param response
*/
@RequestMapping(value="getGifCode",method = RequestMethod.GET)
public void getGifCode(HttpServletResponse response,HttpServletRequest request){
try {
response.setHeader("Pragma", "No-cache");
response.setHeader("Cache-Control", "no-cache");
response.setDateHeader("Expires", 0);
response.setContentType("image/gif");
/**
* gif格式动画验证码
* 宽,高,位数。
*/
HttpSession session = request.getSession(true);
Captcha captcha = new GifCaptcha(146,33,4);
/* 输出 */
captcha.out(response.getOutputStream());
String vcodeText = captcha.text().toLowerCase();
//存入Session
session.setAttribute("_code",vcodeText);
logger.info("保存vcode: