qrCoder生成二维码图片分享到朋友圈和在线打印二维码资源-CSDN文库

共4个文件

js：3个

html：1个

qrcode.js

jqprint.j

jquery-3.3.1

需积分: 3 50 浏览量 2018-09-06 22:47:39 上传评论收藏 36KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

qrCoder.rar （4个子文件）

qrCoder

jquery.jqprint-0.3.js 2KB

jquery-3.3.1.min.js 85KB

jquery.qrcode.min.js 14KB

qrCode.html 2KB

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>qr生成二维码</title> </head> <script src="../qrCoder/js/jquery-3.3.1.min.js"></script> <script src="../qrCoder/js/jquery.qrcode.min.js"></script> <script src="../qrCoder/js/jquery.jqprint-0.3.js"></script> <body> <input type="text" id="input" placeholder="请输入二维码内容"> <button id="btnEncode">生成二维码</button> <button id="btnImage">生成二维码图片</button> <button id="btnPrint" >打印</button> <hr /> <div id="code"></div><br> <hr /> <h2>生成的图片位置</h2> <img id="image" src="" /> <script> $(function() { //生成二维码 $("#btnEncode").click(function() { $("#code").empty(); var str = $('#input').val(); str = toUtf8(str); $("#code").qrcode({ render : "canvas", //table方式 width : 200, //宽度 height : 200, //高度 text : str // 二维码内容 }); }); // 生成二维码图片 $("#btnImage").click(function() { var canvas = $("canvas")[0]; $("#image").attr('src',canvas.toDataURL()); }); // 打印二维码 $("#btnPrint").click(function(){ $("#image").jqprint({ debug : false, importCSS : true, printContainer : true, operaSupport : false }); }); //识别中文 function toUtf8(str) { var out, i, len, c; out = ""; len = str.length; for (i = 0; i < len; i++) { c = str.charCodeAt(i); if ((c >= 0x0001) && (c <= 0x007F)) { out += str.charAt(i); } else if (c > 0x07FF) { out += String .fromCharCode(0xE0 | ((c >> 12) & 0x0F)); out += String .fromCharCode(0x80 | ((c >> 6) & 0x3F)); out += String .fromCharCode(0x80 | ((c >> 0) & 0x3F)); } else { out += String .fromCharCode(0xC0 | ((c >> 6) & 0x1F)); out += String .fromCharCode(0x80 | ((c >> 0) & 0x3F)); } } return out; } }); </script> </body> </html>

评论收藏

内容反馈