从零开始使用Laravel的图片验证码

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/amazingdyd/article/details/78739209

安装过程就不再赘述了，大家可以参考这个链接，具体讲一下怎么使用。

有些人可能本地OK，放到服务器上就不行了，那是因为服务器上没有安装GD库或者Fileinfo扩展,查看phpinfo，你需要看到这两个表格才行

下面我们以发送短信需要输入图片验证码来作为例子：

在html页面里，这样用，还可以刷新验证码哦：

<img src="{{ url('/captcha') }}" onclick="this.src='{{ url('/captcha') }}?r='+Math.random();" alt=""> 
<input type="text" name="captcha" id='captcha'  placeholder="请输入图片验证码,点击图片刷新">
<button onclick="getCode(this);" type='button'>获取短信</button>

然后javascript:

	function getCode(thisBtn){
		
	    var me = thisBtn;
	    var mobile = "xxxx"; //这里填你获取的手机号
	    var captcha = $('#captcha').val();
	    $.get("/sendMessage",{mobile:mobile,captcha:captcha},function(data){
	    	if(data.status == 1){
	    			alert(data.msg);
	    		
	    		}else{
	    			alert(data.msg);
	    		}
		});
		
	}

Ajax后端验证，具体给手机发短信的方法就不再赘述了，因为大家用的发短信的方式不一样：

    //发送短信
    public function sendMessage(){
        $mobile = Input::get('mobile');
        $rules = ['captcha' => 'required|captcha'];
        $validator = Validator::make(Input::all(), $rules);
        if ($validator->fails()){ //图片验证码输错了
            return response()->json(['status'=>0,'msg'=>"请输入图片里的验证码来获取短信。"]);
        }
        //通过验证。接下来就给mobile发验证码啦
 }