登录的验证码样板如下:
代码如下:
前端:
@* ==============获取验证码=============== *@<div class="form-group row" style="margin-right:-65px;"><div class="col-sm-9 col-xl-10 pr-0"><div class="input-group"><input type="text" class="form-control layui-input" style="" id="IdentifyingCode" name="validCode" placeholder="请您输入验证码"><div class="input-group-prepend"><img src="/BackgroundMain/ValideCode" class="input-group-text p-0 " id="ValidateCode" /></div></div></div></div>
发送请求
$("#ValidateCode").click(function () {$(this).prop("src", "/BackgroundMain/ValideCode?v=" + new Date().getTime());})
生成一个随机字符串 验证码
/// <summary>
/// 生成一个随机字符串 验证码
/// </summary>
/// <returns></returns>
///
public ActionResult ValideCode()
{
//生成一个随机字符串 验证码
string str = ValidCodeUtils.GetRandomCode(5);
//将验证码存入Session会话
Session["ValideCode"] = str;
//byte[] 根据验证码产生图片
byte[] imgBytr = ValidCodeUtils.CreateImage(str);
//返回图片信息
return File(imgBytr, @"image/jpeg");
}
这是我所学到的一些知识,在此分享给大家,希望可以帮助到你们。
以上就是我的分享,新手上道,请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔!