首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Jquery生成当前页面URL二维码

Jquery生成当前页面URL二维码

作者头像
闻语博客
发布2021-01-22 10:37:53
8930
发布2021-01-22 10:37:53
举报
文章被收录于专栏:闻语博客闻语博客

HTML代码

<div id="qrcode"></div> 
<a id="download" download="qrcode.jpg"></a> 
<button id="save">save</button>

JS代码

<script src="jquery.min.js"></script>
<script src="jquery.qrcode.min.js"></script>
<script>
    jQuery('#qrcode').qrcode({ width: 75, height: 75, text: window.location.href });
    $("#save").click(function () {
        var canvas = $('#qrcode').find("canvas").get(0);
        var url = canvas.toDataURL('image/jpeg');
        $("#download").attr('href', url).get(0).click();
        return false;
    });
</script>

相关下载

<button class="btn m-b-xs btn-danger btn-addon" onclick='window.open("/usr/uploads/2020/09/3442084573.rar","_blank")'><i class="glyphicon glyphicon-download"></i>jquery.min.js下载</button> <button class="btn m-b-xs btn-danger btn-addon" onclick='window.open("/usr/uploads/2020/09/4041875690.rar","_blank")'><i class="glyphicon glyphicon-download"></i>jquery.qrcode.min.js下载</button>

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2020 年 09 月,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • HTML代码
  • JS代码
  • 相关下载
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档