thinkphp5框架生成二维码

二话不说，先上代码：

 

第一中： 不用再本地保存文件，直接在前台页面显示：

这是控制器里面的内容，哦，对啦，首先要下载SDK:.phpqrcode类文件下载，下载地址：https://sourceforge.net/projects/phpqrcode/

插件只要：下载下来的类文件是一个压缩包，里边包含不少文件和演示程序，咱们只须要里边的phpqrcode.php这一个文件就能够生成二维码了。它是一个多个类的集合文件，咱们须要用到里边的QRcode类（第2963行）的png()方法（第3090行）。

 

文件放在框架extend 文件 中 能够本身给文件夹起个名字，个人这里是 PhpQrcode 里面的文件是：phpqrcode.php

<?php
namespace app\index\controller;
use think\Controller;
use think\Loader;

Loader::import('PhpQrcode.phpqrcode',EXTEND_PATH,'.php');

class Index extends Controller
{
    //ajax访问
    //经过连接生成二维码
    public function code($url = "http://www.baidu.com")
    {
        $qrcode = new \QRcode();

        // $qrimage = new \QRimage();

        $value = $url;                    //二维码内容  
        $errorCorrectionLevel = 'H';    //容错级别  
        $matrixPointSize = 6;           //生成图片大小  

        ob_start();
        $qrcode::png($value,false , $errorCorrectionLevel, $matrixPointSize, 2);  
        // $object->png($url, false, $errorCorrectionLevel, $matrixPointSize, 2); //这里就是把生成的图片流从缓冲区保存到内存对象上，使用base64_encode变成编码字符串，经过json返回给页面。
        $imageString = base64_encode(ob_get_contents()); //关闭缓冲区
        ob_end_clean(); //把生成的base64字符串返回给前端 
        $data = array( 'code'=>200, 'data'=>$imageString ); 
        return json($data);



    }

 
}

前端文件：固然啦，我用的jquery比较老旧，因此有用jquery的自行改一下好啦：

<div id="logos">
<button onclick="changess()">点击</button>
  <img src="" class="qrcode" alt="二维码展现"/>

</div>
<script type="text/javascript" src="__INDEX__js/jquery.js"></script>
<script type="text/javascript">

  function changess()
  {
     var logos = document.getElementById ('logos');
    $.ajax({
             type: "GET",
             url: "code.html",
             data: '',
             dataType: "json",
             success: function(r){
                        if (r.code==200) { //console.log(r); 
                        var path = 'data:image/png;base64,'+r.data; //给img的sec赋值。
                        console.log(path);
                         $("#logos").html("<img src="+path+">");
                        
                         logos.html("<img src="+path+">");
                         console.log( logos.html("<img src="+path+">"));
                       }else{
                            alert(r.err); 
                          }
                      }
         });
  }
</script>

 

效果如上：

 

第二种方法将在下篇文章讲解。