生成二维码和下载二维码

<div id="qrcode"></div>

<--这里引入的是我本地的-->
<script src="/static/libs/jquery/1.12.4/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/static/admin/js/component/jquery.qrcode.min.js" type="text/javascript" charset="utf-8"></script>
methods:{
    // 生成二维码
    createQr(url) {
      $('#qrcode').qrcode({
        render: "canvas",
        width: 134,
        height: 134,
        // background: "#ffffff",       //二维码的后景色
        // foreground: "#3498db",       //二维码的前景色
        correctLevel: 2,
        text: url
      });
    },
    // 下载二维码
    downloadQr() {
      let oA = document.createElement("a");
      let canvas = $('#qrcode').find('canvas').get(0);
      oA.download = "二维码";
      oA.href = canvas.toDataURL("image/png");
      document.body.appendChild(oA);
      oA.click();
      oA.remove();
    },
    //$('#qrcode').empty()
}

 

 
posted @ 2023-02-06 09:16  Private!  阅读(65)  评论(0编辑  收藏  举报