验证码刷新
通过查询一些资料和源代码的参考,对验证码刷新的问题有了一定的了解,我们可以先创建一个验证码页面,在使用验证码刷新的时候来调用这个页面,验证码是显示在图片上的,如果代码没有问题的话,验证码就可以正常显示,接下来 我们要实现刷新,一种方法数据通过js脚本使用户点击的时候调用此验证码的路径,重新生成随机验证码,这就是刷新,验证码刷新的一个完整例子,欢迎各位高手指点
验证码页面
namespace ScoreManage.Code { public partial class code : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { string checkCode = CreateRandomCode(4); Session["CheckCode"] = checkCode;//保存到session里面,为了前台做判断验证吗是否正确 CreateImage(checkCode); } } /// <summary> /// 生成 随机图片 /// </summary> /// <param name="checkCode">checkCode 验证码图片</param> private void CreateImage(string checkCode) { int iwidth = (int)(checkCode.Length * 15.5); System.Drawing.Bitmap image = new System.Drawing.Bitmap(iwidth, 20); Graphics g = Graphics.FromImage(image); Font f = new System.Drawing.Font("宋体", 13, System.Drawing.FontStyle.Bold); Brush b = new System.Drawing.SolidBrush(Color.Brown); g.FillRectangle(new System.Drawing.SolidBrush(Color.Yellow), 0, 0, image.Width, image.Height); g.Clear(Color.LemonChiffon); g.DrawString(checkCode, f, b, 3, 3); Pen blackPen = new Pen(Color.YellowGreen, 0); Random rand = new Random(); for (int i = 0; i < 5; i++) { int y = rand.Next(image.Height); g.DrawLine(blackPen, 0, y, image.Width, y); } System.IO.MemoryStream ms = new System.IO.MemoryStream(); image.Save(ms, System.Drawing.Imaging.ImageFormat.Jpeg); Response.ClearContent(); Response.ContentType = "image/Jpeg"; Response.BinaryWrite(ms.ToArray()); g.Dispose(); image.Dispose(); } /// <summary> /// CreateRandomCode 生成图片上的数字和字母的组合 /// </summary> /// <param name="codeCount">codeCount</param> /// <returns></returns> private string CreateRandomCode(int codeCount) { string allChar = "0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,W,X,Y,Z"; string[] allCharArray = allChar.Split(','); string randomCode = ""; int temp = -1; Random rand = new Random(); for (int i = 0; i < codeCount; i++) { if (temp != -1) { rand = new Random(i * temp * ((int)DateTime.Now.Ticks)); } int t = rand.Next(35); if (temp == t) { return CreateRandomCode(codeCount); } temp = t; randomCode += allCharArray[t]; } return randomCode; } } }
前台代码
1 <form id="form1" runat="server"> 2 <div> 3 <label class="lbl">验证码:</label> 4 <input id="code" type="text" /> 5 <img id="savecode" src="../Code/code.aspx" alt="看不清,请刷新" onmouseover="getcode()" /> 6 </div> 7 </form>
<script type="text/javascript">
function getcode() {
document.getElementById("savecode").src = document.getElementById("savecode").src + "?";
}
</script>
截图如下:



浙公网安备 33010602011771号