图片验证码

最新推荐文章于 2024-05-01 16:25:27 发布

不知道取啥昵称

最新推荐文章于 2024-05-01 16:25:27 发布

阅读量677

点赞数

分类专栏： Java WEB 文章标签：图片验证码

本文链接：https://blog.csdn.net/winy_lm/article/details/64489041

版权

Java 同时被 2 个专栏收录

42 篇文章 2 订阅

订阅专栏

WEB

23 篇文章 0 订阅

订阅专栏

前台页面：

<li><span><em>*</em>验证码：</span>
	<input type="text" class="input-txt yzm-w" name="imgCode" placeholder="请输入图片验证码"/>
	<img src="/user/getVerifyCode" class="yzm-w-pic" height="30" width="108" οnclick="this.src='/user/getVerifyCode?t='+new Date().getTime()"/>
	<a class="yzm-a" οnclick="$(this).prev().attr('src', '/user/getVerifyCode?t='+new Date().getTime())">换一换</a>
</li>

后台请求(本文中用的springMVC)：

/**
 * 获取图片验证码
 * @return
 */
@RequestMapping(value="/getVerifyCode")
public ModelAndView getVerifyCode(HttpServletRequest request, HttpServletResponse response) {
	response.setHeader("Pragma", "No-cache");
	response.setHeader("Cache-Control", "no-cache");
	response.setDateHeader("Expires", 0);
	response.setContentType("image/jpeg");
	try {
		//生成随机字串
		String verifyCode = VerifyCodeUtils.generateVerifyCode(4);

		//生成验证码放入缓存redis
		String objType = "唯一的业务key";
		redis.set(objType,verifyCode,"超时时间");
		VerifyCodeUtils.outputImage(VerifyCodeUtils.VERIFY_WIDTH, VerifyCodeUtils.VERIFY_HEIGHT, response.getOutputStream(), verifyCode);
		//操作日志
		
	} catch (IOException e) {//此处可以抛出一个自定义验证码异常拦截
		e.printStackTrace();
		try {
			//生成随机字串
			String verifyCode = VerifyCodeUtils.generateVerifyCode(4);

			//生成验证码放入缓存redis
			String objType = "唯一的业务key";
			redis.set(objType,verifyCode,"超时时间");
			VerifyCodeUtils.outputImage(VerifyCodeUtils.VERIFY_WIDTH, VerifyCodeUtils.VERIFY_HEIGHT, response.getOutputStream(), verifyCode);
			//操作日志
		} catch (IOException e1) {
			e1.printStackTrace();
		}
	}
	return null;
}

上面用到的工具类，点击打开链接下载！