如何设置验证码
首先,我们先设置HTML代码,具体代码如下:
公式验证码
然后,再设置JS代码,
通过ID(validCodeImg)来添加点击(click)事件,再通过prop去改变img标签的URL,传一个参数(t)进去,然后拼接当前日期的毫秒数,使得每一次的URL都不同,这样就可以在触发点击事件的同时,验证码的图片也能进行切换,具体代码如下:
公式验证码

在写控制器方法前,先创建一个ArithmeticValidCode类:
ArithmeticValidCode类里有俩个方法:GetRandomCode()、CreateImages()
GetRandomCode():
将运算结果和运算公式放入数组,输出到控制器
公式验证码
将运算结果和运算公式放入数组,输出到控制器

CreateImages():
首先根据指定的大小弄一张空图片,然后将验证码绘制在图片上,
再在图片上绘制10条干扰线和100个前景干扰点,然后在最外边绘制边框
然后将图转保存到内存流中,最后将流内容写入byte数组返回
公式验证码
控制器方法:
公式验证码
效果图:

公式验证码

相关文章:

  • 2021-09-08
  • 2022-12-23
  • 2021-06-05
  • 2022-12-23
  • 2021-04-29
  • 2021-12-19
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2021-10-26
  • 2021-11-14
  • 2021-11-24
  • 2021-11-27
  • 2021-10-03
  • 2021-08-31
相关资源
相似解决方案