驗證碼生成
在學習以及做項目的過程中,我們有時候遇到需要驗證碼的情況,然后需要對它進行判斷是否正確。但首先,我們就必須要生成驗證碼,才能夠對其進行判斷。
首先,這是控制層代碼:
//生成驗證碼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>
這樣我們通過點擊驗證碼就可以刷新驗證碼,實現一個簡單的驗證碼生成。