Captcha生成及使用

@Controller
@RequestMapping("/PictureCheckCode")
public class ServletController {

    @RequestMapping
    public void pictureGenerate( HttpServletRequest req, HttpServletResponse res ) {
        try {
             MakePicture mp=new MakePicture() ;  
             String str=mp.drawPicture(60, 20,res.getOutputStream() );  
             req.getSession().setAttribute("pic", str);  
             res.getOutputStream().print(str);
        }
        catch(Exception ex) {
            ex.printStackTrace();
        }
    }
}
<form th:action="@{/login}" method="post">
            <div><label> User Name : <input type="text" name="username"/> </label></div>
            <div><label> Password: <input type="password" name="password"/> </label></div>
            <div><label> Verify: <img src="PictureCheckCode"  onclick="this.src='PictureCheckCode?d='+new Date().getTime()"/> </label></div>
            <div><input type="submit" value="Sign In"/></div>
</form>
package hello;

import java.awt.Graphics;
import java.awt.Font;
import java.awt.Color;
import java.awt.image.BufferedImage; 
import javax.imageio.ImageIO;  
import java.util.Random;
import java.io.OutputStream; 
import java.io.IOException;  
public class MakePicture  //产生识别验证图像
{   
	private char charTable[]={
		'a','A','b','B','c','C','d','D' ,'e','E' ,
		'f','F','g','G','h','H','i','I','j','J' ,
		'0','1','2','3','4','5','6','7','8','9'
	}; 
	public String drawPicture(int width,int height,OutputStream os)
	{
		if(width<=0)
			width=100 ;
		if(height<=0) 
			height=60 ;
			
		BufferedImage image=new BufferedImage(width, height,BufferedImage.TYPE_INT_RGB) ;
		Graphics g=image.getGraphics()  ;
		g.setColor(Color.LIGHT_GRAY) ; 
		g.fillRect(0, 0, width, height)  ;
		g.setColor(new Color(0x5265fd)) ;
		g.drawRect(0, 0, width, height)  ;  
		String str ="" ;
		for(int x=0;x<4;x++)
		{
		  str+=charTable[(int) (Math.random()*charTable.length)];
		}
		
		g.drawString(str.substring(0, 1), 0, 15);
		g.drawString(str.substring(1, 2), 15, 17);
		g.drawString(str.substring(2, 3), 35, 19);
		g.drawString(str.substring(3, 4), 50, 16);
		Random rand=new Random() ;
		for(int i=0;i<10;i++)
		{
		  int x=rand.nextInt(width)  ;
		  int y=rand.nextInt(height)  ;	
		  g.drawOval(x, y, 1, 1) ;
 		}
		g.dispose()  ;
		try {
			ImageIO.write(image, "JPEG",os) ;
		} catch (IOException e) {
			
			e.printStackTrace();
			return "" ;
		}
		
	   return str ;
	}
}

  

转载于:https://www.cnblogs.com/feika/p/4462474.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在 Koa2 中使用 svg-captcha 生成验证码可以按照以下步骤进行: 1. 安装 svg-captcha 和 koa-svgrouter 模块 ```bash npm install svg-captcha koa-svgrouter --save ``` 2. 在 Koa2 应用中引入相关模块 ```javascript const Koa = require('koa'); const Router = require('koa-router'); const svgrouter = require('koa-svgrouter'); const svgCaptcha = require('svg-captcha'); const app = new Koa(); const router = new Router(); ``` 3. 设置路由,生成验证码 ```javascript router.get('/captcha', async (ctx, next) => { const captcha = svgCaptcha.create(); ctx.session.captcha = captcha.text; ctx.type = 'svg'; ctx.body = captcha.data; }); ``` 4. 添加 SVG 路由 ```javascript app.use(svgrouter('/captcha/:id', { useSession: true, sessionName: 'captcha' })); ``` 5. 在需要使用验证码的地方,可以通过如下代码获取验证码图片 ```html <img src="/captcha/1" /> ``` 注意,上述代码中的数字 1 是路由参数,可以自行设置。 6. 验证验证码 在需要验证验证码的地方,可以通过如下代码获取用户输入的验证码,并与之前生成的验证码进行比较。 ```javascript const userCaptcha = ctx.request.body.captcha; if (userCaptcha.toLowerCase() === ctx.session.captcha.toLowerCase()) { // 验证码输入正确 } else { // 验证码输入错误 } ``` 以上就是使用 svg-captcha 生成验证码的基本步骤。需要注意的是,在生成验证码和验证验证码时都需要使用到 Koa2 的 session 功能,因此需要在应用中添加相关中间件。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值