二话不说,先上代码:

 

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

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

插件只要:下载下来的类文件是一个压缩包,里边包含很多文件和演示程序,我们只需要里边的phpqrcode.php这一个文件就可以生成二维码了。它是一个多个类的集合文件,我们需要用到里边的QRcode类(第2963行)的png()方法(第3090行)。

 

文件放在框架extend 文件 中 可以自己给文件夹起个名字,我的这里是 PhpQrcode 里面的文件是:phpqrcode.php

<?php
namespace appindexcontroller;
use thinkController;
use thinkLoader;

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>

 

效果如上:

 

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

内容来源于网络如有侵权请私信删除
你还没有登录,请先登录注册
  • 还没有人评论,欢迎说说您的想法!

相关课程