生成二维码并保存为图片,点击下载此二维码
简单实现的效果,如有更好的请指教
利用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