public ActionResult ValidateCode() { Common.ValidateCode validateCode = new Common.ValidateCode(); string code = validateCode.CreateValidateCode(4); //生成的验证码4个长度 Session["validateCode"] = code; byte[] buffer = validateCode.CreateValidateGraphic(code);//创建验证码图片 return File(buffer, "image/jpeg");//返回图片 }
到Login视图里面的index页面去把img的src补充为：
<tr> <td></td> <td><img src="/Login/ValidateCode/?id=1" /></td> <td><a href="javascript:void(0)">看不清，换一张</a></td> </tr>
就可以看到页面上面显示出来验证码
下面要做的就是点击切换验证码，这是通过js实现的代码
<script type="text/javascript"> $(function () { initWin(); //初始化登录窗体 changeCheckCode(); //切换验证码 }); function initWin() { $("#win").window({ title: "登录", width: 400, height: 270, collapsible: false, minimizable: false, maximizable: false, closable: false, modal: true, resizable: false, }); } //切换验证码 function changeCheckCode() { $("#changeVcode").click(function () { $("#image").attr("src", $("#image").attr("src") + 1); }); } </script>