如何设置验证码
首先,我们先设置HTML代码,具体代码如下:
然后,再设置JS代码,
通过ID(validCodeImg)来添加点击(click)事件,再通过prop去改变img标签的URL,传一个参数(t)进去,然后拼接当前日期的毫秒数,使得每一次的URL都不同,这样就可以在触发点击事件的同时,验证码的图片也能进行切换,具体代码如下:
在写控制器方法前,先创建一个ArithmeticValidCode类:
ArithmeticValidCode类里有俩个方法:GetRandomCode()、CreateImages()
GetRandomCode():
将运算结果和运算公式放入数组,输出到控制器
将运算结果和运算公式放入数组,输出到控制器
CreateImages():
首先根据指定的大小弄一张空图片,然后将验证码绘制在图片上,
再在图片上绘制10条干扰线和100个前景干扰点,然后在最外边绘制边框
然后将图转保存到内存流中,最后将流内容写入byte数组返回
控制器方法:
效果图: