在spring MVC中引入captcha的插件生成图片验证码
来源:互联网 发布:mac强制卸载程序 编辑:程序博客网 时间:2024/05/17 07:51
<!--xml 形式定义bean ---><bean id="captchaProducer" class="com.google.code.kaptcha.impl.DefaultKaptcha"> <property name="config"> <bean class="com.google.code.kaptcha.util.Config"> <constructor-arg> <props> <prop key="kaptcha.border">no</prop> <prop key="kaptcha.background.clear.from">white</prop> <prop key="kaptcha.background.clear.to">white</prop> <prop key="kaptcha.textproducer.font.color">black</prop> <!--<prop key="kaptcha.textproducer.font.size">80</prop>--> <prop key="kaptcha.image.width">200</prop> <prop key="kaptcha.image.height">50</prop> <prop key="kaptcha.session.key">code</prop> <prop key="kaptcha.textproducer.char.length">4</prop> <prop key="kaptcha.textproducer.font.names">宋体,楷体,微软雅黑</prop> </props> </constructor-arg> </bean> </property></bean>/**java 形式定义bean**/@Componentpublic class ValidateImg extends DefaultKaptcha{ public ValidateImg(){ Properties p = new Properties(); p.setProperty("kaptcha.border", "no"); p.setProperty("kaptcha.background.clear.from","white"); p.setProperty("kaptcha.background.clear.to","white"); p.setProperty("kaptcha.textproducer.font.color","black"); p.setProperty("kaptcha.image.width","200"); p.setProperty("kaptcha.image.height","50"); p.setProperty("kaptcha.session.key","code"); p.setProperty("kaptcha.textproducer.char.length","4"); p.setProperty("kaptcha.textproducer.font.names","宋体,楷体,微软雅黑"); Config config = new Config(p); this.setConfig(config); }两种形式定义一种即可
2.java 实现@Controller
@RequestMapping
(
"kaptcha"
)
public
class
CaptchaAction {
@Autowired
private
Producer captchaProducer;//此处可以是注入Valiadate
@Autowired
LoginService loginService;
@RequestMapping
(
"getKaptchaImage"
)
public
ModelAndView getKaptchaImage(HttpServletRequest request, HttpServletResponse response)
throws
Exception {
HttpSession session = request.getSession();
String code = (String)session.getAttribute(Constants.KAPTCHA_SESSION_KEY);
System.out.println(
"******************验证码是: "
+ code +
"******************"
);
response.setDateHeader(
"Expires"
,
0
);
response.setHeader(
"Cache-Control"
,
"no-store, no-cache, must-revalidate"
);
response.addHeader(
"Cache-Control"
,
"post-check=0, pre-check=0"
);
response.setHeader(
"Pragma"
,
"no-cache"
);
response.setContentType(
"image/jpeg"
);
String capText = captchaProducer.createText();
session.setAttribute(Constants.KAPTCHA_SESSION_KEY, capText);
BufferedImage bi = captchaProducer.createImage(capText);
ServletOutputStream out = response.getOutputStream();
ImageIO.write(bi,
"jpg"
, out);
try
{
out.flush();
}
finally
{
out.close();
}
return
null
;
}
@RequestMapping
(
"checkmCode"
)
@ResponseBody
public
String checkCode(HttpServletRequest request,String mcode){
AjaxJson ajaxJson =
new
AjaxJson();
System.out.println(
"要校验的验证码:"
+mcode);
if
(loginService.isZCCodeRight(request,mcode)) {
ajaxJson.setSuccess(
true
);
}
else
{
ajaxJson.setSuccess(
false
);
}
return
ajaxJson.getJsonStr();
}
}
3.前台实现<
dt
>验证码:</
dt
>
<
dd
>
<
input
id
=
"mcode"
name
=
"mcode"
value
=
""
onchange
=
"checkmcode()"
class
=
"hst2"
style
=
"vertical-align:middle"
/>
<
img
id
=
""
style
=
"vertical-align:middle"
alt
=
"验证码"
onclick
=
"this.src='${base}/kaptcha/getKaptchaImage.htm?e='+new Date()"
src
=
"${base}/kaptcha/getKaptchaImage.htm"
/>
<
img
id
=
"mcodecheck"
src
=
""
alt
=
""
style
=
"vertical-align:middle"
/>
</
dd
>
4.js 代码
function
checkmcode(){
var
mcode = $(
"#mcode"
).val();
$.ajax({
async :
false
,
cache :
false
,
type :
'POST'
,
url :
'${base}/kaptcha/checkmCode.htm'
,
// 请求的action路径
data:{
"mcode"
:mcode},
//参数
error :
function
() {
// 请求失败处理函数
},
success : backfunc
});
}
function
backfunc(data){
var
d = $.parseJSON(data);
if
(d.success){
$(
"#mcodecheck"
).attr(
"src"
,
"${base}/res/images/ok.png"
);
}
else
{
$(
"#mcodecheck"
).attr(
"src"
,
"${base}/res/images/no.png"
);
}
}
4.js 代码:
function
checkmcode(){
var
mcode = $(
"#mcode"
).val();
$.ajax({
async :
false
,
cache :
false
,
type :
'POST'
,
url :
'${base}/kaptcha/checkmCode.htm'
,
// 请求的action路径
data:{
"mcode"
:mcode},
//参数
error :
function
() {
// 请求失败处理函数
},
success : backfunc
});
}
function
backfunc(data){
var
d = $.parseJSON(data);
if
(d.success){
$(
"#mcodecheck"
).attr(
"src"
,
"${base}/res/images/ok.png"
);
}
else
{
$(
"#mcodecheck"
).attr(
"src"
,
"${base}/res/images/no.png"
);
}
}
阅读全文
0 0
- 在spring MVC中引入captcha的插件生成图片验证码
- spring MVC中引入captcha的插件生成图片验证码
- 使用BotDetect Captcha在SpringMCV项目中生成验证码图片
- Javaweb中快速生成验证码Captcha
- Spring MVC:图片验证码的生成与返回
- 在Yii中使用Captcha验证码
- 在Yii中使用Captcha验证码
- Spring Mvc Captcha验证码实现(附Servlet实现方式)
- Spring MVC Captcha 验证码 (附Servlet实现方式)
- springmvc使用谷歌captcha生成图片验证码
- 基于spring MVC 的验证码生成
- MVC 生成图片验证码
- Spring MVC生成验证码
- Spring MVC 生成验证码
- django-simple-captcha 验证码插件
- 在JSP中生成验证码图片的例子
- 在JSP中生成验证码图片的例子
- 在servlet中生成验证码图片
- MySQL聚簇索引和非聚簇索引的原理及使用
- AndroidStudio更新gradle失败问题
- 什么是Notebook Server
- 快速排序
- 使用jquery.qrcode生成二维码(亲测可用)
- 在spring MVC中引入captcha的插件生成图片验证码
- 使用tk-filters
- This version of the rendering library is more recent than your version of ADT ..解决办法
- Linux安装MYSQL
- 交叉编译器
- 数据库连接池性能比对(hikari druid c3p0 dbcp jdbc)
- js基础-常用API总结
- HDU1164
- JDBC连接数据库封装