एक अतिरिक्त विकल्प की पसंद के साथ एक ग्राफिक कैप्चा बनाना

काम पर, स्पैम के साथ समस्या को हल करना आवश्यक था, क्योंकि पुराने कैप्चा को आसानी से स्पैमबॉट्स द्वारा बाईपास किया गया था। गुग्लिंग और सही विकल्प नहीं ढूंढने पर, मैंने अपना खुद का लिखने का फैसला किया, और मैं बहुत समय से ईमानदार होना चाहता हूं।

और इसलिए, कैप्चा का सार यह है कि उपयोगकर्ता कई आइकन दिखाता है और आपको उस एक को चुनने की आवश्यकता है जो तार्किक रूप से सामान्य पंक्ति में फिट नहीं होता है। मुझे लगता है कि इंटरनेट के पास विकल्पों का ऐसा समुद्र है, लेकिन मुझे नहीं मिला (ठीक है, ईमानदार होना, वास्तव में इसकी तलाश नहीं करना)।

चलिए शुरू करते हैं

ऑपरेशन का सिद्धांत निम्नानुसार है: माउस के दो समूह इकट्ठे होते हैं, एक सही विकल्पों के साथ एक सरणी है, दूसरा गलत एक के साथ है। इसे एक सामान्य सरणी में इकट्ठा किया जाता है, जबकि गलत चित्र की कुंजी (सरणी तत्व की क्रम संख्या) को सत्र में दर्ज किया जाता है।
सभी आइकन से हम एक छवि एकत्र करते हैं, जिसे हम पृष्ठभूमि-स्थिति का उपयोग करके काट लेंगे।
फॉर्म एक रेडियो बटन है जिसमें 1 से लेकर आइकन तक की वैल्यू है। हम POST का उपयोग करके दबाए गए मूल्य के साथ फ़ॉर्म भेजते हैं और इसे उस संख्या के साथ तुलना करते हैं जिसे हमने सत्र में रखा है, सब कुछ काफी सरल है।

और इसलिए, एक निर्देशिका है, जहां माउस के समूह झूठ बोलते हैं:



सभी कार्यक्षमता एक वर्ग में कार्यान्वित की जाती हैं। हम और अधिक विस्तार से विश्लेषण करेंगे:

1. निर्माण में लिखे गए मूल्यों को संग्रहीत करने के लिए कई निजी चर।

private $icon_dir; //,      private $icon_size; //  private $first_group_num; //    private $second_group_num; //    private $icon_count; //     private $group_count; //   private $address; //,      

2. वास्तव में कंस्ट्रक्टर खुद, जिसके लिए 4 पैरामीटर पारित किए जाते हैं।

 function __construct($icons_count, $icon_dir, $icon_size, $address) { $this->icon_dir = $icon_dir; $this->icon_size = $icon_size; $this->group_count = scandir($this->icon_dir); $this->group_count = count($this->group_count) - 2; $this->first_group_num = rand(1, $this->group_count); $this->second_group_num = rand(1, $this->group_count); $this->icon_count = $icons_count; while ($this->first_group_num == $this->second_group_num) { $this->second_group_num = rand(1, $this->group_count); } $this->address = $address; } 

3. सही और गलत विकल्पों के एक सेट के साथ, सब कुछ सरल है, नियमित स्कैंडिर () और एक सरणी के लिए लेखन, जब तक कि वांछित विकल्प के सत्र में लिखना निम्नानुसार होता है:

 $_SESSION['iconcaptcha'] = array_search($true_icon, $array_of_icons) + 1; 

जहां $ true_icon वह आइकन है जिसे हम ढूंढ रहे हैं, और $ array_of_icons अंतिम आइकन सरणी है।

4. आइकन से अंतिम छवि बनाएं।

 private function makeSprite() { //     $icons = array(); $array_of_icons = $this->getArrayOfIcons(); for ($i = 0; $i < $this->icon_count; ++$i) { $icons[] = imagecreatefrompng($array_of_icons[$i]); } //  png $tmp_sprite = imagecreatetruecolor($this->icon_count * $this->icon_size, $this->icon_size); imagealphablending($tmp_sprite, false); imagesavealpha($tmp_sprite, true); $tmp_icon = imagecreatetruecolor($this->icon_size, $this->icon_size); imagealphablending($tmp_icon, false); imagesavealpha($tmp_icon, true); foreach ($icons as $key => $val) { imagecopyresampled($tmp_icon, $val, 0, 0, 0, 0, $this->icon_size, $this->icon_size, $this->icon_size, $this->icon_size); imagecopy($tmp_sprite, $tmp_icon, $key * $this->icon_size, 0, 0, 0, imagesx($tmp_icon), imagesy($tmp_icon)); } header("Content-type: image/png"); imagepng($tmp_sprite); imagedestroy($tmp_sprite); exit; } 

5. हमें वह पता मिलता है जिस पर हम एक पूर्ण चित्र बनाने का कारण बनेंगे।

 private function getCaptchaAddress($address) { //    $address $req = end(explode('/', $_SERVER['REQUEST_URI'])); $req = explode('?', $req); if ($req[0] == $address) $this->makeSprite(); } 

6. और अंत में, अंतिम विधि, फॉर्म को स्वयं और सभी चीजों को समर्पित करते हुए। बेशक, हमें यहां शैलियों को हटा देना चाहिए, लेकिन चूंकि यहां पृष्ठभूमि-छवि सेट की गई है, जो कॉल करने के लिए उकसाती हैSSprite () और कैप्चा वास्तव में बनाया गया है (साथ ही एक ही कुटिल विधि के साथ कैशिंग समस्या को हल करते हुए), मैंने इसे छोड़ने का फैसला किया।

 function getCaptchaForm() { $this->getCaptchaAddress($this->address); $captcha_form = '<style> #icon_captcha label div { background-image: url(/'.$this->address.'?'.rand().'); width: '.$this->icon_size.'px; height: '.$this->icon_size.'px; } #icon_captcha { margin-bottom: 20px !important; display: table !important; } #icon_captcha div { width: '.$this->icon_size.'px; display: inline-block; margin-right: 20px; } #icon_captcha div input { width: '.$this->icon_size.'px; margin-left: 0; float: left; border: none; } #icon_captcha div label img { border: none; } </style> <div id="icon_captcha">'; for ($i = 1; $i <= $this->icon_count; ++$i) { $captcha_form .= '<div> <label for="val_'.$i.'"> <div class="i'.$i.'" style="background-position: ' .(($i - 1)*(-$this->icon_size)). 'px 0;"></div> </label> <input type="radio" name="radio_val" id="val_'.$i.'" value="'.$i.'" /> </div>'; } $captcha_form .= '</div>'; return $captcha_form; } 

एक उदाहरण में कॉल कैसा दिखता है, यह बात कॉन्फ़िगरेशन फ़ाइल में होती है:

 require(INC_DIR.'libs/IconCaptcha.class.php'); $icon_dir = $_SERVER['DOCUMENT_ROOT']."/design/site/images/captcha/"; $icon_captcha = new IconCaptcha(4, $icon_dir, 32, 'iconcaptcha'); $captcha_form = $icon_captcha->getCaptchaForm(); define('ICONCAPTCHA', $captcha_form); 

अगला, हम बस ICONCAPTCHA को उस रूप में प्रतिस्थापित करते हैं, जिसकी हमें आवश्यकता है, और इसे एक तुच्छ तुलना के साथ जांचें: $ _POST ['radio_val'] == $ _SESSION ['iconcaptcha']।

यहां आप डेमो: iconcaptcha.hut4.ru पर क्लिक कर सकते हैं
यहां आप पूरी कक्षा देख सकते हैं: github.com/L1Qu0R/iconcaptcha/blob/master/IconCaptcha.class.php