苗景云的博客

效果：

代码：

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>