ホームページ > バックエンド開発 > PHPチュートリアル > php实现的click captcha点击验证码类实例_php技巧

php实现的click captcha点击验证码类实例_php技巧

WBOY
リリース: 2016-05-16 20:35:44
オリジナル
1193 人が閲覧しました

本文实例讲述了php实现的click captcha点击验证码类及其用法,是非常实用的功能。分享给大家供大家参考之用。具体如下:

一、需求:

现在常用的表单验证码大部分都是要用户输入为主,但这样对手机用户会不方便。
如果手机用户访问,可以不用输入,而是click某一位置便可确认验证码,这样就会方便很多。

二、原理:

1.使用PHP imagecreate创建PNG图象,在图中画N个圆弧,其中一个是完整的圆(验证用),将圆心坐标及半径记录入session。

2.在浏览器,当用户在验证码图片上点击时,记录点击的位置。

3.将用户点击的坐标与session记录的圆心坐标、半径比较,判断是否在圆中,如是则验证通过。

程序运行效果如下图所示:

三、实现方法:

ClickCaptcha.class.php类文件如下:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

99

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

<&#63;php

/** Click Captcha 验证码类

*  Date:  2013-05-04

*  Author: fdipzone

*  Ver:  1.0

*/

  

class ClickCaptcha { // class start

  

  public $sess_name = 'm_captcha';

  public $width = 500;

  public $height = 200;

  public $icon = 5;

  public $iconColor = array(255, 255, 0);

  public $backgroundColor = array(0, 0, 0);

  public $iconSize = 56;

  

  private $_img_res = null;

  

  public function __construct($sess_name=''){

    if(session_id() == ''){

      session_start();

    }

  

    if($sess_name!=''){

      $this->sess_name = $sess_name; // 设置session name

    }

  }

  

  /** 创建验证码 */

  public function create(){

  

    // 创建图象

    $this->_img_res = imagecreate($this->width, $this->height);

      

    // 填充背景

    ImageColorAllocate($this->_img_res, $this->backgroundColor[0], $this->backgroundColor[1], $this->backgroundColor[2]);

  

    // 分配颜色

    $col_ellipse = imagecolorallocate($this->_img_res, $this->iconColor[0], $this->iconColor[1], $this->iconColor[2]);

  

    $minArea = $this->iconSize/2+3;

  

    // 混淆用图象,不完整的圆

    for($i=0; $i<$this->icon; $i++){

      $x = mt_rand($minArea, $this->width-$minArea);

      $y = mt_rand($minArea, $this->height-$minArea);

      $s = mt_rand(0, 360);

      $e = $s + 330;

      imagearc($this->_img_res, $x, $y, $this->iconSize, $this->iconSize, $s, $e, $col_ellipse);      

    }

  

    // 验证用图象,完整的圆

    $x = mt_rand($minArea, $this->width-$minArea);

    $y = mt_rand($minArea, $this->height-$minArea);

    $r = $this->iconSize/2;

    imagearc($this->_img_res, $x, $y, $this->iconSize, $this->iconSize, 0, 360, $col_ellipse);    

  

    // 记录圆心坐标及半径

    $this->captcha_session($this->sess_name, array($x, $y, $r));

  

    // 生成图象

    Header("Content-type: image/PNG");

    ImagePNG($this->_img_res);

    ImageDestroy($this->_img_res);

  

    exit();

  }

  

  /** 检查验证码

  * @param String $captcha 验证码

  * @param int  $flag   验证成功后 0:不清除session 1:清除session

  * @return boolean

  */

  public function check($captcha, $flag=1){

    if(trim($captcha)==''){

      return false;

    }

      

    if(!is_array($this->captcha_session($this->sess_name))){

      return false;

    }

  

    list($px, $py) = explode(',', $captcha);

    list($cx, $cy, $cr) = $this->captcha_session($this->sess_name);

  

    if(isset($px) && is_numeric($px) && isset($py) && is_numeric($py) && 

      isset($cx) && is_numeric($cx) && isset($cy) && is_numeric($cy) && isset($cr) && is_numeric($cr)){

      if($this->pointInArea($px,$py,$cx,$cy,$cr)){

        if($flag==1){

          $this->captcha_session($this->sess_name,'');

        }

        return true;

      }

    }

    return false;

  }

  

  /** 判断点是否在圆中

  * @param int $px 点x

  * @param int $py 点y

  * @param int $cx 圆心x

  * @param int $cy 圆心y

  * @param int $cr 圆半径

  * sqrt(x^2+y^2)<r

  */

  private function pointInArea($px, $py, $cx, $cy, $cr){

    $x = $cx-$px;

    $y = $cy-$py;

    return round(sqrt($x*$x + $y*$y))<$cr;

  }

  

  /** 验证码session处理方法

  * @param  String  $name  captcha session name

  * @param  String  $value

  * @return String

  */

  private function captcha_session($name,$value=null){

    if(isset($value)){

      if($value!==''){

        $_SESSION[$name] = $value;

      }else{

        unset($_SESSION[$name]);

      }

    }else{

      return isset($_SESSION[$name])&#63; $_SESSION[$name] : '';

    }

  }

} // class end

  

&#63;>

ログイン後にコピー

demo.php示例程序如下:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

<&#63;php

session_start();

require('ClickCaptcha.class.php');

  

if(isset($_GET['get_captcha'])){ // get captcha

  $obj = new ClickCaptcha();

  $obj->create();

  exit();

}

  

if(isset($_POST['send']) && $_POST['send']=='true'){ // submit

  $name = isset($_POST['name'])&#63; trim($_POST['name']) : '';

  $captcha = isset($_POST['captcha'])&#63; trim($_POST['captcha']) : '';

  

  $obj = new ClickCaptcha();

  

  if($obj->check($captcha)){

    echo 'your name is:'.$name;

  }else{

    echo 'captcha not match';

  }

  echo ' <a href="demo.php">back</a>';

  

}else{ // html

&#63;>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

 <head>

 <meta http-equiv="content-type" content="text/html; charset=utf-8">

 <title> Click Captcha Demo </title>

 <script type="text/javascript" src="jquery-1.6.2.min.js"></script>

 <script type="text/javascript">

  $(function(){

    $('#captcha_img').click(function(e){

      var x = e.pageX - $(this).offset().left;

      var y = e.pageY - $(this).offset().top;

      $('#captcha').val(x+','+y);

    })

  

    $('#btn').click(function(e){

      if($.trim($('#name').val())==''){

        alert('Please input name!');

        return false;

      }

  

      if($.trim($('#captcha').val())==''){

        alert('Please click captcha!');

        return false;

      }

      $('#form1')[0].submit();

    })

  })

 </script>

 </head>

  

 <body>

  <form name="form1" id="form1" method="post" action="demo.php" onsubmit="return false">

  <p>name:<input type="text" name="name" id="name"></p>

  <p>Captcha:Please click full circle<br><img  id="captcha_img" src="demo.php&#63;get_captcha=1&t=<&#63;=time() &#63; alt="php实现的click captcha点击验证码类实例_php技巧" >"   style="max-width:90%"></p>

  <p><input type="submit" id="btn" value="submit"></p>

  <input type="hidden" name="send" value="true">

  <input type="hidden" name="captcha" id="captcha">

  </form>

 </body>

</html>

<&#63;php } &#63;>

ログイン後にコピー

本文完整源码点击此处本站下载

希望本文所述对大家的PHP程序设计有所帮助。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート