web端生成二维码并下载到本地（带源码）

最新推荐文章于 2024-05-14 18:15:10 发布

空门.

最新推荐文章于 2024-05-14 18:15:10 发布

阅读量1.3k

点赞数

分类专栏：大前端文章标签：生成二维码下载二维码

本文链接：https://blog.csdn.net/qq_40719787/article/details/97397583

版权

14 篇文章 1 订阅

订阅专栏

首先选择相应二维码生成插件
我们这里使用这个插件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标签绑定下载

<a href="" download="QR.png"  id="d-QR">下载</a >

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

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

关注