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>

 

效果如上：

 

第二種方法將在下篇文章講解。