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>

 

效果如上：

 

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