本文的來由主要是滿足自己的好奇心,而不是證明什么東西,如果涉及到什么官方性的事情,麻煩通知我謝謝;本篇將要和大家分享的是一個(gè)看起來通12306圖片驗(yàn)證碼相似的效果,這篇應(yīng)該是今年農(nóng)歷最后一篇分享文章了,樓主明天就要坐火車回家了,預(yù)祝各位:新年快樂,明年事事順利,如果可以給我發(fā)個(gè)紅包吧呵呵,希望大家能夠喜歡,也希望各位多多"掃碼支持"和"推薦"謝謝;
? 效果圖展示及分析
? C#合并多張圖片和獲取圖片驗(yàn)證碼粗略的算法
? MVC如何使用圖片驗(yàn)證碼
? 2016年一句總結(jié)
? 2017年一句展望
下面一步一個(gè)腳印的來分享:
? 效果圖展示及分析
首先,咋們來看一個(gè)圖片驗(yàn)證碼效果地址:http://lovexins.com:1001/home/ValidCode,及效果圖:
上圖是最終的示例圖樣,選中圖片截圖的網(wǎng)上的(如侵權(quán),請(qǐng)及時(shí)聯(lián)系作者);這里看起來類似于火車票網(wǎng)站的驗(yàn)證碼,咋們先來分析下這種驗(yàn)證碼是怎么把用戶選中的信息傳遞個(gè)后端的吧,直接用12306官網(wǎng)為例,打開該網(wǎng)址并查看驗(yàn)證碼,鎖定驗(yàn)證碼對(duì)應(yīng)的html元素,然后嘗試這點(diǎn)擊某個(gè)圖片,能看到如圖增加的html節(jié)點(diǎn):
、
然后,咋們?cè)倏础暗卿洝卑粹o對(duì)應(yīng)的js文件
延伸閱讀
學(xué)習(xí)是年輕人改變自己的最好方式