web端生成二维码并下载到本地(带源码)

首先选择相应二维码生成插件
我们这里使用这个插件http://www.jq22.com/jquery-info294

第二步生成二维码

jQuery('#showQRCode').qrcode({
    render: "canvas", //也可以替换为table
    width: 300,
    height: 300,
    text: "QR-code"
});

第三步 下载到本地
下载文件我们需要借助 a标签的download属性
实现方式是先通过jquery找到Canvas画板,将其中的二维码转成png格式存入imgData,然后通过a标签绑定下载

下载
var imgData = $("canvas")[0].toDataURL('png');
$("#d-QR").attr("href",imgData);

最后我们点击a标签,就可以将二维码下载到本地了

你可能感兴趣的:(大前端)