js生成二维码,并将生成的二维码进行保存(手动下载)

生成二维码并保存为图片,点击下载此二维码

简单实现的效果,如有更好的请指教

利用jquery 加jquery.qrcode

	//外部的js
	
    

HTML代码

	 <div id="ewm"> </div>
     <img id="imgOne" />
     <div class="down" onclick="down()">下载二维码</div>

js

	    //用qrcode做一个二维码
        var qrcode = $("#ewm").qrcode("https://blog.csdn.net/qq_44235822/article/details/97622966").hide();        //qrcode里边为扫描进入的地址
        var canvas = qrcode.find('canvas').get(0);
        //把canvas的二维码转换为图片
        $("#imgOne").attr("src",canvas.toDataURL('image/jpg')); 
        function down(){             //点击下载二维码
            var canvas = qrcode.find('canvas').get(0);
            var a = document.createElement("a");
            a.href=canvas.toDataURL("image/jpg");
            a.download = "ewm.jpg";
            a.click();
        }

你可能感兴趣的:(生成二维码并点击下载)