建立乙個名為sidentify.vue
的子元件,放置在父元件中的資料夾如common
中。
="s-canvas"
>
"s-canvas"
:width=
"contentwidth"
:height=
"contentheight"
>
<
/canvas>
<
/div>
<
/template>
export
default
,// 字型最小值
fontsizemin:
,// 字型最大值
fontsizemax:
,// 背景顏色色值最小值
backgroundcolormin:
,// 背景顏色色值最大值
backgroundcolormax:
,// 字型顏色色值最小值
colormin:
,// 字型顏色色值最大值
colormax:
,// 干擾線顏色色值最小值
linecolormin:
,// 干擾線顏色色值最大值
linecolormax:
,// 干擾點顏色色值最小值
dotcolormin:
,// 干擾點顏色色值最大值
dotcolormax:
,// 畫布寬度
contentwidth:
,// 畫布高度
contentheight:},
methods:
,// 生成乙個隨機的顏色
randomcolor
(min, max),
drawpic()
this
.drawline
(ctx)
this
.drawdot
(ctx)},
drawtext
(ctx, txt, i),
drawline
(ctx)}
,drawdot
(ctx)}
},watch:},
mounted()
}<
/script>
import sidentify from
"./common/sidentify.vue"
;export
default,}
<
/script>
="code" @click=
"refreshcode"
>
"identifycode"
>
<
/s-identify>
<
/div>
<
/template>
data()
},
methods:
,// 更新驗證碼
refreshcode()
,// 隨機生成驗證碼字串
makecode
(data, len)}
,}
created()
,
Java實現隨機驗證碼功能
現在許多系統的註冊 登入或者發布資訊模組都新增的隨機碼功能,就是為了避免自動註冊程式或者自動發布程式的使用。驗證碼實際上就是隨機選擇一些字元以的形式展現在頁面上,如果進行提交操作的同時需要將上的字元同時提交,如果提交的字元與伺服器 session儲存的不同,則認為提交資訊無效。為了避免自動程式分析解...
Java實現隨機驗證碼功能
現在許多系統的註冊 登入或者發布資訊模組都新增的隨機碼功能,就是為了避免自動註冊程式或者自動發布程式的使用。驗證碼實際上就是隨機選擇一些字元以的形式展現在頁面上,如果進行提交操作的同時需要將上的字元同時提交,如果提交的字元與伺服器 session儲存的不同,則認為提交資訊無效。為了避免自動程式分析解...
Java實現隨機驗證碼功能例項
現在許多系統的註冊 登入或者發布資訊模組都新增的隨機碼功能,就是為了避免自動註冊程式或者自動發布程式的使用。驗證碼實際上就是隨機選擇一些字元以的形式展現在頁面上,如果進行提交操作的同時需要將上的字元同時提交,如果提交的字元與伺服器session儲存的不同,則認為提交資訊無效。為了避免自動程式分析解析...