验证码生成
在学习以及做项目的过程中,我们有时候遇到需要验证码的情况,然后需要对它进行判断是否正确。但首先,我们就必须要生成验证码,才能够对其进行判断。
首先,这是控制层代码:
//生成验证码public ActionResult ValideCode(){//调用封装好的ValidCodeUtils里面的方法生成5位数随机字符串//ValidCodeUtils 这是封装好的一个类,方便调用。string strValideCode = FriendLoan.Common.ValidCodeUtils.GetRandomCode(3);//GetRandomCode(3)这里是产生验证码的数字,可以自己决定。//然后借用Session会话机制保存字符串Session["ValideCode"] = strValideCode;//接着调用封装好的方法把生成的随机字符串转化为一张图片byte[] btValideCode = FriendLoan.Common.ValidCodeUtils.CreateImage(strValideCode);//最后把我们生成的图片以文件形式File返回(文件内容,文件类型)return File(btValideCode, @"image/jpeg");}
这是页面层代码
<div class="form-group"><label class="col-sm-2 col-md-offset-1 control-label no-padding-right" for="validCode">验证码</label><div class="col-sm-8 "><div class="input-group"><input type="text" name="validCode" id="validCode" class="form-control" /><div class="input-group-addon" style="padding:0"><img src="/Main/ValideCode" id="ValidateCode" /></div></div></div></div>
<script>//点击图片刷新验证码$("#ValidateCode").click(function () {//在浏览器有一个缓存机制,这里借用时间是为了生成不重复图片。$("#ValidateCode").attr("src", "/Aiyumye/Approve/ValideCode?=" + new Date());});///Aiyumye/Approve/ValideCode 这是链接到控制层</script>
这样我们通过点击验证码就可以刷新验证码,实现一个简单的验证码生成。