页面内加二维码并下载


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">  
<html>  
    <head>  
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
        <title>js_canvas_download</title>  
        <script type=\'text/javascript\' src=\'http://cdn.staticfile.org/jquery/2.1.1/jquery.min.js\'></script>  
        <script type="text/javascript" src="http://cdn.staticfile.org/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>  
    </head>  
    <body>  
        <div id="qrcode"></div>  
        <a id="download" download="qrcode.jpg"></a>  
        <button id="save">save</button>  
    </body>  
</html>  
<script>  
    jQuery(\'#qrcode\').qrcode({width: 500,height: 500,text: "http://www.baidu.com"});  
      
    $("#save").click(function(){  
        var canvas = $(\'#qrcode\').find("canvas").get(0);  
        var url = canvas.toDataURL(\'image/jpeg\');  
        console.log(url);
        $("#download").attr(\'href\', url).get(0).click();  
        return false;  
    });  
</script>

版权声明：本文为lml-lml原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/lml-lml/p/7686551.html