验证码图片

作者：吱韩菌
开发工具：Visual Studio 2015
撰写时间：2019-6-27

在大部分软件中，登录和注册都会涉及到信息验证，而验证的方式也是琳琅满目，随着科技的发展、技术水平的不断提高，曾经较多的图片式验证码验证信息在逐渐减少，更多的是手机号验证，下面要介绍的是出现较早的图片式验证码，讲解如何使用。



生成验证码图片我所用到的是ValidCodeUtilsCommon中封装的OWIN startup类。
在html中的使用是用img标签，通过src获取验证码控制器的CreateValidCodeImage路径，这样启动页面可以看到验证码图片。在现实中使用的验证码图片，点击图片能够切换验证码，这里也可以做到那种效果，首先获取到验证码图片的IDValidateCode，再给它个click，当点击图片后执行$(this).prop(“src”, “/register/Register/CreateValidCodeImage?t=” + new Date().getTime());，这段代码的路径后面拼接了时间类型，我所理解的意思是通过时间的变化清除缓存的验证码图片，因为浏览器的缓存机制，会使得切换一次图片之后就不再切换，拼接了时间类型之后就可以解决这个问题。

最后需要说的是，实际运用的验证码，要判断输入的验证码和控制器中生成的是否一致，
在判断前，先要获取到输入框中的验证码。
string strvalidCode = Request[“validCode”];这段的作用是获取到从页面传递到控制器的验证码，sessionValiCode.Equals(strvalidCode.Trim(),的作用是判断页面传递过来的验证码和控制器生成的验证码做对比，比较是否一致，StringComparison.InvariantCultureIgnoreCase的作用就是忽略验证码的大小写，strMsg = “validCodeErro”;用于判断中给视图传递参数，因为在控制器中判断出的结果是不会显示在页面上，这时就需要传递参数，在视图中获取validCodeErro做出判断，将提示显示在页面中。