創(chuàng)新互聯(lián)www.cdcxhl.cn八線動(dòng)態(tài)BGP香港云服務(wù)器提供商,新人活動(dòng)買多久送多久,劃算不套路!
東鄉(xiāng)族ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場景,ssl證書未來市場廣闊!成為成都創(chuàng)新互聯(lián)的ssl證書銷售渠道,可以享受市場價(jià)格4-6折優(yōu)惠!如果有意向歡迎電話聯(lián)系或者加微信:18982081108(備注:SSL證書合作)期待與您的合作!這篇文章將為大家詳細(xì)講解有關(guān)用Blazor Server Side如何實(shí)現(xiàn)圖片驗(yàn)證碼,小編覺得挺實(shí)用的,因此分享給大家做個(gè)參考,希望大家閱讀完這篇文章后可以有所收獲。
關(guān)于Blazor
由于在國內(nèi), Blazor一點(diǎn)都不普及, 在閱讀此文前, 建議讀者先翻看我之前寫的隨筆, 了解Blazor Server Side的特點(diǎn).
在一段時(shí)間內(nèi), 我會(huì)寫一些解說分析型的 "為什么選擇 Blazor Server Side" , 在適當(dāng)?shù)臅r(shí)候再寫快速入門系列.(無論是針對編程新學(xué)者還是多年經(jīng)驗(yàn)人士)
驗(yàn)證碼
我們很多場合都實(shí)現(xiàn)過圖片驗(yàn)證碼.
圖片驗(yàn)證碼的主要關(guān)鍵是呈現(xiàn)圖片, 需要一個(gè)URL, 而這個(gè)URL需要傳遞參數(shù)以確定顯示什么東西.
這個(gè)驗(yàn)證碼如何在服務(wù)器保存, 如何傳遞一個(gè)參數(shù)公開給客戶端, 還不能讓別人解密這個(gè)參數(shù)破解驗(yàn)證碼, 都是麻煩事
這個(gè)例子是講述如何用極短的 "單頁" 代碼, 實(shí)現(xiàn)驗(yàn)證過程.
先上圖:
再上代碼:
@page "/BlazorVerificationCode"(Blazor) A sample for how to show verification code and verify it.
@inject IJSRuntime jsr @{ if (imgurl == null) MakeNewImage(); }
Type the number in image@code{ string inp_code; string vericode; string imgurl; void DoCheck() { string msg = "You typed a wrong value"; if (inp_code == vericode) msg = "Yes the number is " + vericode; jsr.InvokeAsync