JS qrcode.js当前页面生成二维码并保存jpg

2020-09-16 浏览:71
JS qrcode.js当前页面生成二维码并保存jpg
评论:(0)复制地址

效果:


微信截图_20200916084051.png


代码:

1、在header引入js

<script type='text/javascript' src='http://cdn.staticfile.org/jquery/2.1.1/jquery.min.js'></script> 
<script type="text/javascript" src="http://cdn.staticfile.org/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>

 

jquery.qrcode.min.zip


2、html代码

<div id="qrcode"></div>
<a id="download" download="{$title}.jpg"></a>


3、在底部加入js代码

<script>
    jQuery('#qrcode').qrcode({ width: 300, height: 300, text: window.location.href });
    $("#qrcode").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>



评论:(0)复制地址
发布:苗景云 | 分类:IT技术&设计 | Tags:js qrcode

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。