js自动生成二维码_jquery 生成二维码无法识别

全栈程序员站长

发布于 2022-11-02 15:37:51

3.6K0

发布于 2022-11-02 15:37:51

文章被收录于专栏：全栈程序员必看全栈程序员必看

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

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

利用jquery 加jquery.qrcode

	//外部的js
	<script src="./jquery/2.1.4/jquery.min.js"></script>
    <script src="./jquery/jquery.qrcode.min.js"></script>

HTML代码

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

	    //用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();
}

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/180785.html原文链接：https://javaforall.cn

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2022年10月18日，如有侵权请联系 cloudcommunity@tencent.com 删除

https