javascript生成二维码

最新推荐文章于 2024-06-01 19:41:15 发布

ralStyle贵

最新推荐文章于 2024-06-01 19:41:15 发布

阅读量499

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_35909852/article/details/78035706

javascript 同时被 3 个专栏收录

9 篇文章

订阅专栏

二维码

2 篇文章

订阅专栏

canvas

1 篇文章

订阅专栏

本文介绍使用JavaScript通过qrcode和jquery.qrcode库生成二维码，并提供下载功能的方法。演示了如何将生成的二维码转换为JPEG图片格式以便用户下载。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js生成二维码的本人只知道两种，可以下载，第一种本来下载不了的我试了一下，还是可以把它下载一下来的，基本和第二种的方法一样。

qrcode二维码

<div id="qrcode"></div>//这个是html部分
<a id="download" download="test.jpg"></a>
<input type="button" id="down" value="下载">

var qrcode = new QRCode(document.querySelector('#qrcode'),{
        width  : 96,//设置二维码的宽高
        height : 96
    });
   qrcode.makeCode("http://www.baidu.com/");//按地址生成二维码
    var url = $('#qrcode canvas').toDataURL('image/jpeg');
    //转成jpg图片
    $('#down').click(function(){
         $("#download").attr('href', url);
    })//下载

jquery.qrcode

    <div id="qrcode"></div>
    <a id="download" download="test.jpg"></a>
    <input type="button" id="save" value="save" />

<script src="js/jquery.qrcode.min.js"></script>
    jQuery('#qrcode').qrcode({width: 96,height: 96,text:"http://www.baidu.com"});

    $("#save").click(function(){

        var canvas = $('#qrcode').find("canvas").get(0);

        var url = canvas.toDataURL('image/jpeg');

        $("#download").attr('href', url).get(0).click();

        return false;
    });