美文网首页程序员前后端之路
java如何生成验证码供前端使用

java如何生成验证码供前端使用

作者: 吃盖浇饭 | 来源:发表于2018-08-18 11:10 被阅读23次

需求,前端获取后端验证码,并且后端做判断处理是否相等
前端代码

<img  id="codeImg" src="createCode">

src的createCode指向后端 优化点击二维码再次发生改变

$("#codeImg").click(function(){
                $("#codeImg").attr("src","createCode?r="+Math.random())
            })

后端做接收处理

// 图片的宽度  图片的高度 验证码位数 干扰线的个数
ValidateCode vs = new ValidateCode(100, 40, 4, 20);
// 创建验证码
vs.createCode();
// 获取创建的验证码
String code = vs.getCode();
// 将验证码存储到session中
request.getSession(false).setAttribute("validateCode", code);
// 将验证码返回给前端页面
vs.write(response.getOutputStream());

将验证码放到session做是否相等处理

String vcode = request.getParameter("vlidateCode");
if(!vcode.equalsIgnoreCase(code)) {
  JsonUtils.writeJsonUtils(0, "验证码错误", response);
    return false;
}

相关文章

  • java如何生成验证码供前端使用

    需求,前端获取后端验证码,并且后端做判断处理是否相等前端代码 src的createCode指向后端 优化点击二维码...

  • java实现动态验证码

    java动态实现验证码,供大家参考,具体内容如下 【实现效果】 点击图片或者文字可以更换验证码验证码随机生成,由大...

  • java实现图片验证码

    从java后台实现图片验证码的生成以及前端展示 step1:创建一个生成验证码的工具类 ps:简书粘贴代码进来太难...

  • Java生成图片验证码

    Java生成图片验证码 手动实现图片验证码生成 调用演示

  • js图形验证码,axios在vue,word在线预览,px转re

    前端js自动生成图形验证码(前端): 页面调用 html: js的调用: vue全局使用axios: 1.引用vu...

  • linux部署JAVA应用验证码生成失败

    linux部署JAVA应用验证码生成失败 记部署服务时遇到的问题 linux部署JAVA应用验证码生成失败验证码采...

  • PHP生成图片验证码

    后台代码 生成验证码 判断验证码 Route 前端代码 JavaScript 展示效果

  • svg-captcha前后端使用

    前端请求获取验证码接口,后端生成返回给前端,同时存入session前端填写验证码,提交后和后端session里面存...

  • 2018-09-04

    Java生成图形验证码与前端输入验证 在刷牛客时,遇到了关于web表单登陆中图形验证码实现的问题,所以试着将其编码...

  • 参考的文章

    验证码 图片验证码前端怎样获取后端生成的验证码图片,并且点击图片的时候改变验证码 记住密码 前端记住密码功能密码安...

网友评论

    本文标题:java如何生成验证码供前端使用

    本文链接:https://www.haomeiwen.com/subject/mjcgbftx.html