侧边栏壁纸
博主头像
平凡之路博主等级

生活原本沉闷,但跑起来就会有风!

  • 累计撰写 82 篇文章
  • 累计创建 10 个标签
  • 累计收到 4 条评论

目 录CONTENT

文章目录

html调用js生成二维码

平凡之路
2021-09-26 / 0 评论 / 0 点赞 / 167 阅读 / 1,291 字

工作项目中需要在html文档中按照规则生成一个二维码打印。
直接上代码:
例子附件:qrcodejs

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Js二维码生成</title>
    <script type="text/javascript" src="./jquery.js"></script>
    <script type="text/javascript" src="./qrcode.js"></script>

</head>
<body>
<input id="studyid" type="text"  value="<font size=+1><>1630500</Font>" /><br />
<div id="qrcode" style="border:solid 10px #fff;"></div>
</body>
<script type="application/javascript">
    $(function () {
        //实例化二维码并调整二维码大小
        var qrcode = new QRCode(document.getElementById("qrcode"), {
            width: 180,
            height: 180,
            correctLevel: QRCode.CorrectLevel.L
        });

        //生成二维码
    function makeCode () {
	//定义前面的拼接地址
    var url="http://192.168.50.10:9090/port?s=02&no=35_";
	//获取report传过来的节点值
	var elText = document.getElementById("studyid");
	//截取去掉report传过来的html标签,并按照云胶片的规则在前面加个1
	var str = 1+(elText.value.split(">")[1]).split("<")[0]
	//将拼好的传参从10进制转成16进制
	var str2= parseInt(str,10).toString(16);
	//完成全链接地址的拼接
	var str3=url+str2
	//弹出进行调试用
    //alert(str3); 
	qrcode.makeCode(str3);
	};

        //调用生成二维码方法
        makeCode();
    })
</script>
</html>

0

评论区