实现效果：

实现事理：

由后台供应天生验证码的接口，前端每次要求会后端会天生验证码图片和验证码，验证码图片发送到客户端供客户端显示，

后台生成的验证码htmlweb开辟三分钟快速控制验证码设计 HTML

验证码字符串保存再后真个Session中，待前端再次要求业务接口与session里的验证码字符串做比对。

实现思路：

1、先由后端供应可以生产验证码图片的接口

2、前端通过 img 中设置 src 属性，要求验证码天生的接口。

3、对img设置点击事宜，每次点击img的时候，都会改变src值重新要求src

4、做页面接口操作时，比对输入的验证码是否精确

实当代码：

前端：

html:

js:

验证码的种类还有很多种，在这里就不一一阐述了，如果你还对其他类型的验证码形成有兴趣，欢迎留言，

对编程感兴趣，想理解更多的编程知识，关注头条号一起玩转编程

更多编程资讯、干货持续更新中~