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

2022-11-02 15:37:51 浏览数 (1)

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

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

利用jquery 加jquery.qrcode

代码语言:javascript复制
	//外部的js
	<script src="./jquery/2.1.4/jquery.min.js"></script>
    <script src="./jquery/jquery.qrcode.min.js"></script>

HTML代码

代码语言:javascript复制
	 <div id="ewm"> </div>
     <img id="imgOne" />
     <div class="down" onclick="down()">下载二维码</div>

js

代码语言:javascript复制
	    //用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

0 人点赞