经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » 程序设计 » PHP » 查看文章
thinkphp5框架生成二维码
来源:cnblogs  作者:阿里奇奇  时间:2018/9/25 20:37:03  对本文有异议

二话不说,先上代码:

 

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

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

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

 

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

  1. <?php
  2. namespace app\index\controller;
  3. use think\Controller;
  4. use think\Loader;
  5. Loader::import('PhpQrcode.phpqrcode',EXTEND_PATH,'.php');
  6. class Index extends Controller
  7. {
  8. //ajax访问
  9. //通过链接生成二维码
  10. public function code($url = "http://www.baidu.com")
  11. {
  12. $qrcode = new \QRcode();
  13. // $qrimage = new \QRimage();
  14.  
  15. $value = $url; //二维码内容
  16. $errorCorrectionLevel = 'H'; //容错级别
  17. $matrixPointSize = 6; //生成图片大小
  18.  
  19. ob_start();
  20. $qrcode::png($value,false , $errorCorrectionLevel, $matrixPointSize, 2);
  21. // $object->png($url, false, $errorCorrectionLevel, $matrixPointSize, 2); //这里就是把生成的图片流从缓冲区保存到内存对象上,使用base64_encode变成编码字符串,通过json返回给页面。
  22. $imageString = base64_encode(ob_get_contents()); //关闭缓冲区
  23. ob_end_clean(); //把生成的base64字符串返回给前端
  24. $data = array( 'code'=>200, 'data'=>$imageString );
  25. return json($data);
  26. }
  27. }

前端文件:当然啦,我用的jquery比较老旧,所以有用jquery的自行改一下好啦:

  1. <div id="logos">
  2. <button onclick="changess()">点击</button>
  3. <img src="" class="qrcode" alt="二维码展示"/>
  4.  
  5. </div>
  6. <script type="text/javascript" src="__INDEX__js/jquery.js"></script>
  7. <script type="text/javascript">
  8.  
  9. function changess()
  10. {
  11. var logos = document.getElementById ('logos');
  12. $.ajax({
  13. type: "GET",
  14. url: "code.html",
  15. data: '',
  16. dataType: "json",
  17. success: function(r){
  18. if (r.code==200) { //console.log(r);
  19. var path = 'data:image/png;base64,'+r.data; //给img的sec赋值。
  20. console.log(path);
  21. $("#logos").html("<img src="+path+">");
  22. logos.html("<img src="+path+">");
  23. console.log( logos.html("<img src="+path+">"));
  24. }else{
  25. alert(r.err);
  26. }
  27. }
  28. });
  29. }
  30. </script>

 

效果如上:

 

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

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号