JS QRCode点击按钮生成二维码并下载)

JS QRCode点击按钮生成二维码并下载)

html代码:

<div class="layui-hide">
     <div id="qrcode"></div>
     <input id="qrcodeUrl" name="qrcodeUrl" value="${qrcodeUrl}" />
 </div>

js代码:

//处理二维码流程
var qrcodeUrl = $('#qrcodeUrl').val();
var qrcode=$("#qrcode").qrcode({
    render: "canvas", //table方式，默认canv
    width: 150, //宽度
    height:150, //高度
    text: qrcodeUrl+"?mch_id="+data.mch_id+"&app_id="+data.app_id+"&scene_id="+data.sceneId, //二维码url以及参数
});
//下载二维码
var canvas=qrcode.find('canvas').get(0);//我这使用的是canvas生成
var qrcodeImage = canvas.toDataURL('image/jpg');
var alink = document.createElement("a");
alink.href = qrcodeImage;
alink.download = "商家付款码.png";
alink.click();