jQuery生成二维码

最新推荐文章于 2025-04-25 12:13:17 发布

caoning315629

最新推荐文章于 2025-04-25 12:13:17 发布

阅读量401

点赞数

本文链接：https://blog.youkuaiyun.com/caoning315629/article/details/88288169

版权

使用jquery.qrcode：

public function code()
{
    $wordId = input('wordId');
    if (!$wordId) {
        $this->error('数据异常');
    }
    $rr = request()->domain();
    $rr = $rr . url('student/home/code', ['wordId' => $wordId]);
    //二维码得url
    $this->assign('url', $rr);
    return $this->fetch();
}

<!DOCTYPE html>
<html>
{include file="public/header" /}
<style>
    .code {
        width: 50%;
        background-color: white;
        padding: 10px;
        box-shadow: 0px 0px 10px #a59d9d;
    }
</style>
<body>
<div class="layui-fluid">
    <!--二维码开始-->
    <div style="text-align: center">
        <div id="output"></div>
        <img id="qrcodeimg" class="code" src=" ">
    </div>
    <!--二维码结束-->
</div>
<script src="/res/admin/res/js/jquery.qrcode.min.js"></script>
<script>
    $('#output').html('');
    var qrcode = $('#output').qrcode(
        {width: 200, height: 200, correctLevel: 0, text: "{$url}"}
    ).hide();
    //生成图片
    var canvas = qrcode.find('canvas').get(0);
    $('#qrcodeimg').attr('src', canvas.toDataURL('image/jpg'));
</script>
</body>
</html>