thinkphp3.2 click refresh to generate verification code

Before I introduce how to use the thinkphp3.2 verification code, I will first introduce the ThinkPHP verification code in detail. The specific content is as follows

ThinkPHP has built-in verification code support and can be used directly. To use the verification code, you need to import the ORG.Util.Image class library and ORG.Util.String class library in the extended class library.
Verification code method
We add a verify method to the module class to display the verification code. The simplest example:

Public function verify(){
  // 导入Image类库
  import("ORG.Util.Image");
  Image::buildImageVerify();
}

The import method is built-in in ThinkPHP Class library and file import method, the file imported in the above example is the Lib/ORG/Util/Image.class.php file in the ThinkPHP system directory. If the Image class library has been copied to the current project, such as Lib/ORG, you can use:

import("@.Util.Image");

# The import method is ThinkPHP’s built-in class library and file import method, as in the above example The imported file is the Lib/ORG/Util/Image.class.php file in the ThinkPHP system directory.
Access verification code
You can access the verification code method directly in the browser to determine whether the verification code can be displayed normally:
http://127.0.0.1/index.php/Public/verify
If everything is normal, the verification code will be displayed as follows:

Using verification code in the form
To use the verification code in the form page, it is called with the html img tag:

<input type="text" name="verify">
<img  src="/static/imghwm/default1.png"  data-src="-Article-verify"  class="lazy"  id="verifyImg"  onClick="changeVerify()" title="点击刷新验证码" / alt="thinkphp3.2 click refresh to generate verification code" >

The src attribute value is the access address of the verification code method, which varies depending on the actual situation.
Verification Code Refresh
When you click on the verification code image, the JavaScript changeVerify() function is triggered to re-read the verification code, thereby refreshing the verification code. The reference of this function is as follows:

<script language="JavaScript">
function changeVerify(){
 var timenow = new Date().getTime();
 document.getElementById(&#39;verifyImg&#39;).src=&#39;-Article/verify/&#39;+timenow;
}
</script>

Verification code verification
When calling the verification code verify, buildImageVerify will record the MD5 information of this verification code. In the form verification operation, use the following method to check whether the verification code is correct:

if($_SESSION['verify'] != md5($_POST['verify'])) {
  $this->error('验证码错误！');
}

The verify name in $_SESSION['verify'] is the buildImageVerify method's default SESSION registration name, specifically See buildImageVerify syntax.
The above example demonstrates the simplest way to use ThinkPHP verification code. The verification code in the above example is 4 digits. If you want to use more styles of verification codes and Chinese verification codes, see the rest of this section: "ThinkPHP uses different styles and Chinese verification codes".
The reason why the verification code is not displayed
It is found that the verification code cannot be displayed as follows. The possible reasons are as follows:
1. Whether PHP has installed GD library support.
2. Is there any output before output (especially UTF8 BOM header information output).
3. Whether the Image class library is imported correctly.
4. If it is a form page, please check whether the verification code display method is correctly called.

The following will introduce to you the implementation method of thinkphp3.2 verification code generation and click refresh verification code. The specific content is as follows

1. Instantiate the class that generates the verification code (this method is placed in IndexController It is easy to access inside)

/**
 *
 * 验证码生成
 */
public function verify_c(){
  $Verify = new \Think\Verify();
  $Verify->fontSize = 18;
  $Verify->length  = 4;
  $Verify->useNoise = false;
  $Verify->codeSet = '0123456789';
  $Verify->imageW = 130;
  $Verify->imageH = 50;
  //$Verify->expire = 600;
  $Verify->entry();
}

2. The src attribute of the image that the front desk needs to generate a verification code points to

<p class="top15 captcha" id="captcha-container">
 <input name="verify" width="50%" height="50" class="captcha-text" placeholder="验证码" type="text">        
 <img class="left15 lazy"  src="/static/imghwm/default1.png"  data-src="{:U(&#39;Home/Index/verify_c&#39;,array())}"     style="max-width:90%"   style="max-width:90%" alt="验证码"  title="点击刷新">
</p>

3. After writing the above, The verification code for page initialization will appear. What is written below is to refresh a new verification code image after clicking on the verification code image (this is done by modifying the src attribute of the image with jquery. The request processing function is the same, just add it after the request. A random number to distinguish the request for the previous picture)

// 验证码生成
var captcha_img = $('#captcha-container').find('img')
var verifyimg = captcha_img.attr("src");
captcha_img.attr('title', '点击刷新');
captcha_img.click(function(){
  if( verifyimg.indexOf('?')>0){
    $(this).attr("src", verifyimg+'&random='+Math.random());
  }else{
    $(this).attr("src", verifyimg.replace(/\?.*$/,'')+'?'+Math.random());
  }
});

4. Verify whether the verification code input is correct
a. Add the global function to function.php in the common directory Function

/**
 * 验证码检查
 */
function check_verify($code, $id = ""){
  $verify = new \Think\Verify();
  return $verify->check($code, $id);
}

b. Add the check code

// 检查验证码
$verify = I('param.verify','');
if(!check_verify($verify)){
  $this->error("亲，验证码输错了哦！",$this->site_url,9);
}

to the tp3.2 verification code in the processing method corresponding to the controller submitted by the form. Just use it.
Supplement: When I was writing, I put the fourth step b into an ajax for verification and returned a test result. Then it is determined whether to submit the form based on the returned results. However, after the verification code passes the first verification, the second time will not work. I haven’t figured out the reason yet.

This is the entire content of this article. There is a small question at the end of the article. I hope you can come up with a solution. I also hope this article will be helpful to your study.

For more articles related to thinkphp3.2 click refresh to generate verification code, please pay attention to the PHP Chinese website!