评论：js图形验证码插件  [查看原文]

可以效果不错,是我想要的类型,感谢分享

ace01090
2017/3/21 16:24:00

之前做项目的时候，我需要做个验证码，也是网上找的插件，但是不是我要的效果。所以我按照我写前端的角度，来按照我想要的效果写的这个。可能会跟很多人的感觉一样。当然，可能也有些大神会觉得我这个没什么用，我会继续改进的。

不好意思,小白问一下,这个插件要是接触后台的话,可以吗? 是怎么个流程呢?

ace01091
2017/3/20 9:15:13

插件代码很简单，你可以看一下。现在是本地随机生成的4个验证码，然后画到canvas上的。如果要后台生成的话，你先让后台给你随机生成4个验证码，看你情况需要几个验证码就生成几个。你需要先请求后台接口获取验证码，然后画到canvas。在你提交表单的时候，后台需要进行判断，你传过去的验证码是否正确。

既然你说了，那我今天修改一下插件吧。

Satan.1
2017/3/19 11:20:33

document.getElementById('code_input').value = verifyCode.options.code; //提取插件参数中的验证码值，赋值到文本框；

document.getElementById('my_button').click() //按下提交按钮

ace01091
2017/3/19 20:22:55

你说的没错,但是我这插件的目的并不是为了什么安全之类的东西,我只是想表达出验证码利用canvas生成的过程 .至于验证码的安全问题,可以通过后端生成验证码给前端,前端再生成到canvas,验证的时候,需要发送请求验证是否正确.

但是我觉得这只是一个验证码而已,不理会投机取巧的人,我觉得一般的用户,输入一下验证码那么简单的事,为什么要去控制台找一下生成验证码的源码,如果源码压缩混淆过,还要去解压解密等操作,多麻烦啊.