[PHP教學]超方便的驗證碼套件Captcha Genie,幫你輕鬆在網頁上製作出圖片驗證碼!

發表: 2010-12-20 10:38 分類: PHP | 15 則迴響 » | 瀏覽:51,045 人次

標籤 : , ,

image

大家都應該看過網路上有形形色色的圖片驗證碼(Captcha),用來防止一些機器人程式惡意去網頁上留言或註冊,浪費系統的資源。但是如果你自己有開發網頁程式,要如何在自己的網頁上設計出又簡單、又有效的驗證碼呢?阿正老師今天介紹一套相當方便的套件「Captcha Genie」(驗證碼精靈),就能輕鬆幫你製作出各式各樣的驗證碼,PHP開發網頁的玩家們不妨試試看喔!

CAPTCHA(英文全名為Completely Automated Public Turing Test to tell Computers and Humans Apart),中文譯為「全自動區分計算機和人類的測試」,我們都常簡稱為「驗證碼」,是為了避免網路上的資源被一些自動程式所浪費,所以會以一些難辨識的圖形、文字、算術來讓使用者輸入,以確認在電腦前的是人類。CAPTCHA有相當多種,而且難度也都不一,越複雜的就越難破解,但是也會造成使用者的負擔,很容易產生一直輸入失敗的挫折感。因此有的CAPTCHA也加上了語音提示的功能,按下發音按鈕後就會念出圖片中的文字讓你輸入,例如常見的Google「reCAPTCHA」就是一種。

image

今天阿正老師要來介紹的這個Captcha Genie套件,就是一套相當簡單又實用的PHP驗證碼套件,除了可以選擇多種圖片背景、字型之外,還可設定文字的長度、字型大小、顏色,或是以簡單的數學運算式來做驗證。

Captcha Genie

 

一、安裝方式

下載Captcha Genie主程式,解壓縮到網頁中某個資料夾,建議可解到網站的根目錄中。解開後會產生一個captcha的資料夾,裡面有幾個檔案:

image

其中我們需要修改的「configuration.php」這個就是設定檔,其他的皆不用修改。

二、產生設定檔

1.

要修改設定檔我們可以用一般的文字編輯器來編輯configuration.php,裡面有完整的說明可以對照來修改。

image

2.如果你嫌麻煩,可以到官方網站上方點選「Customize」就可進入設定檔的產生器頁面。

畫面左方有多種選項可以設定,完成後按下〔Save and Show〕按鈕就可在畫面右方看到驗證碼的顯示結果,最後再按下「Download configuration file」將設定檔下載下來,下載後取代原來的configuration.php即可。

image

有哪些細部的設定可以修改呢? 請翻到本文的第二頁有介紹。

三、修改網頁檔

完成設定之後,修改你要出現圖片驗證碼的網頁,加上一段HTML碼:

<div><img src="/captcha/code.php" id="captcha"></div>

如果你希望讓使用者能重新整理驗證碼圖片,可以加上一段:

<a href="#" onclick="document.getElementById(‘captcha’).src =

document.getElementById(‘captcha’).src + ‘?’ + (new Date
()).getMilliseconds()">
重新整理</a>

例如我的HTML寫成這樣:

image

網頁顯示的結果就是:

image

是不是相當簡單呢?

>>請翻到下一頁:驗證輸入結果、詳細設定說明


相似文章




→→頁次: 1 2

喜歡㊣軟體玩家的文章嗎?歡迎加入《軟體玩家FB粉絲團》吧!
或是按下<這邊>來訂閱RSS!


隨機文章

迴響:

歡迎留下您的意見!


※PS: 因為阿正老師時間有限,且本站所介紹的軟體種類太多(所產生的狀況也很多),可能無法回答一一回答讀者們的問題(尤其像是出現某某錯誤訊息,或者操作過程中哪邊卡住),您可以先上Google搜尋相關的關鍵字,或是到軟體的官方網站/論壇來爬文,不便之處還請見諒。
※PS:本站不提供「破解檔」、「註冊機」或「註冊碼」等資訊,請勿利用留言索取該類檔案。
※PS:本站因採用反向代理(Reverse Proxy)技術,留言後必須等到20分鐘後快取網頁過期才會顯示。