图片验证

图片验证

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术：Visual Studio 2015 C#

作者： 李杨

撰写时间：2019-06-13

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

 

然后我们就要去控制器登录页面写方法。引用上面的公共实体类。

先是写验证码的类：

类里面呢就是获得随机字符串的方法

如下图：（代码来源于老师）

1. 生成长度为5的随机的验证码字符串

 

1. 然后根据生成的验证码字符串生成验证码图片

 

1. 将验证码字符串存入session中

 

1. 最后就是把图片返回到视图里

 

如图：（代码来源于老师）

 

 

Html里面的样式：

 

 

然后就是要去视图里面写点击图片切换的功能

方法就是点击验证码的id 然后就是图片的链接、

点击就可以切换

 

 

如下面所示：

 

$(function () {

       $("#validCodeImg").click(function () {

       $(this).prop("src", "/Main/CreateValidCodeImage?t=" + new Date().getTime());

            });

        });

 

图片的验证大概的步骤就是这个样子了。