【前端】html端输入数据，利用qrcode.js生成打印二维码

来源：互联网发布：2016经济数据公布时间编辑：程序博客网时间：2024/06/07 13:10

在前端页面中导入qrcode.js（下载点击打开链接）和jquery.js（下载点击打开链接）

<script>    function print() {        var textbox1 = $('input[name="textbox1"]').val();        if(!textbox1){            alert("待生成的页面不能为空");        }else{            var symHref = 'print.html?id=' + textbox1;            window.open(symHref);        }    }</script>

print.html

<script>    var text = window.location.href.split('?')[1].split('=')[1];    var text = decodeURI(text);    var myDate = new Date();    var time = myDate.getFullYear() + "-" + myDate.getMonth() + "-" + myDate.getDate();    myHtml = "<div style='border:2px solid #000;width:405px;height:260px;position:relative;' class='demo'>"        + "<div style='width:405px;margin-top:30px;'>"        + "<table cellspacing=\"15px\";cellpadding=\"0px\";border=\"0\";>"        + "<tr>"        + "<td style='width:200px;font-size:10pt;text-align:left;font-weight:bold;font-family:微软雅黑;'>"        + '当前日期：'        + time        + "</td>"        + "</tr>"        + "<tr>"        + "<td style='width:200px;font-size:10pt;text-align:left;font-weight:bold;font-family:微软雅黑;'>"        + '生成的数据：'        + text        + "</td>"        + "</tr>"        + "</table>"        + "</div>"        + "<div style='z-index:-1;position:absolute; top:25px; right:-10px;'>"        + create_qrcode(text, 9, "H", 4)        + "</div>"        + "</div>"    document.body.innerHTML = myHtml;    window.print();</script>

示范代码已上传——点击打开链接

阅读全文

1 0