网站首页 文章专栏 js 前端生成二维码,并可以一键下载

js 前端生成二维码,并可以一键下载

编辑时间:2019-08-19 14:00:06 作者:苹果 浏览量:163





    前言:利用js功能,生成二维码,并且可以下载,不需要在后端生成二维码图片



引入一个插件  http://static.hebinghua.com/plugin/qrcode/qrcode.js


<body>
<label class="control-label">页面二维码:</label>
<span onclick="downloadQrcode()">点击下载</span>
<div id="wx_code">
</div>
</body>
<script>
    var qrcode = new QRCode(document.getElementById("wx_code"), {
        text: "hahaha",  //你想要填写的文本
        width: 100, //生成的二维码的宽度
        height: 100, //生成的二维码的高度
        colorDark : "#000000", // 生成的二维码的深色部分
        colorLight : "#ffffff", //生成二维码的浅色部分
        correctLevel : QRCode.CorrectLevel.H
    });
    function downloadQrcode(){
        var qrcode = document.getElementById('wx_code');
        var img = qrcode.getElementsByTagName('img')[0];
        var link = document.createElement("a");
        var url = img.getAttribute("src");
        link.setAttribute("href",url);
        link.setAttribute("download",'123.png');
        link.click();
    }
</script>




    出自:何冰华个人网站

    地址:http://www.hebinghua.com/

    转载请注明出处


来说两句吧
最新评论