Base64Captcha可以在服务端生成验证码，以base64的格式返回
为了能看到生成的base64验证码图片，我们借助gin
- go get -u github.com/mojocn/base64Captcha
- go get -u github.com/gin-gonic/gin
项目示例
目录结构
- main.go
- captcha_util
- /captcha_util.go
- templates
- /index.html
- package captcha_util
- import (
- "github.com/mojocn/base64Captcha"
- )
- // 验证码工具类
- type StringCaptcha struct {
- captcha *base64Captcha.Captcha
- }
- // 创建验证码
- func NewCaptcha() *StringCaptcha {
- // store
- store := base64Captcha.DefaultMemStore
- // 包含数字和字母的字符集
- source := "123456789abcdefghjkmnpqrstuvwxyzABCDEFGHJKLMNPQRSTUVWXYZ"
- // driver
- driver := base64Captcha.NewDriverString(
- 80, // height int
- 240, // width int
- 6, // noiseCount int
- 1, // showLineOptions int
- 4, // length int
- source, // source string
- nil, // bgColor *color.RGBA
- nil, // fontsStorage FontsStorage
- nil, // fonts []string
- )
- captcha := base64Captcha.NewCaptcha(driver, store)
- return &StringCaptcha{
- captcha: captcha,
- }
- }
- // 生成验证码
- func (stringCaptcha *StringCaptcha) Generate() (string, string, string) {
- id, b64s, answer, _ := stringCaptcha.captcha.Generate()
- return id, b64s, answer
- }
- // 验证验证码
- func (stringCaptcha *StringCaptcha) Verify(id string, answer string) bool {
- return stringCaptcha.captcha.Verify(id, answer, true)
- }
- package main
- import (
- "demo/captcha_util"
- "fmt"
- "html/template"
- "net/http"
- "github.com/gin-gonic/gin"
- )
- func main() {
- app := gin.Default()
- // 加载模板文件
- app.LoadHTMLGlob("templates/*")
- // 验证码
- stringCaptcha := captcha_util.NewCaptcha()
- // 生成验证码
- app.GET("/generate", func(ctx *gin.Context) {
- id, b64s, answer := stringCaptcha.Generate()
- fmt.Println(answer)
- ctx.HTML(http.StatusOK, "index.html", gin.H{
- "captchaId": id,
- "b64s": template.URL(b64s),
- "answer": answer,
- })
- })
- // 验证
- app.POST("/verify", func(ctx *gin.Context) {
- answer := ctx.PostForm("answer")
- captchaId := ctx.PostForm("captchaId")
- result := stringCaptcha.Verify(captchaId, answer)
- ctx.JSON(http.StatusOK, gin.H{
- "captchaId": captchaId,
- "answer": answer,
- "result": result,
- })
- })
- // 监听并在 http://127.0.0.1:8080 上启动服务
- app.Run()
- }
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Demo</title>
- </head>
- <body>
- <img src="{{.b64s}}">
- <form action="/verify" method="post">
- <input type="text" name="captchaId" value="{{.captchaId}}" hidden>
- <input type="text" name="answer" value="">
-
- <input type="submit" value="Submit">
- </form>
- </body>
- </html>
http://localhost:8080/generate
提交验证码后返回验证效果
http://localhost:8080/verify
参考文章
- https://gin-gonic.com/zh-cn/docs/
- go利用template出现#ZgotmplZ
- https://pkg.go.dev/github.com/mojocn/base64Captcha
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。 |
