web项目中利用js插件生成二维码

最新推荐文章于 2024-04-29 16:25:16 发布

开源字节

最新推荐文章于 2024-04-29 16:25:16 发布

阅读量1.2k

点赞数 1

分类专栏： java web

本文链接：https://blog.csdn.net/qq_35634154/article/details/77001198

版权

java web 专栏收录该内容

28 篇文章 5 订阅

订阅专栏

<html>

<head>
<title>二维码</title>
<meta name="decorator" content="default"/>
<style>
img {box-shadow:0 0 5px #ccc; margin:3px; width:200px}
.mybox {box-shadow:0 0 5px #ccc; margin:3px; width:200px;float:left; display:inline;padding: 10px;}

</style>
<script src="${ctxStatic}/jquery/jquery-1.8.3.min.js" type="text/javascript"></script>
<script src="${ctxStatic}/jquery/jquery.jqprint-0.3.js" type="text/javascript"></script>
<script src="${ctxStatic}/jquery/jquery.print-preview.js" type="text/javascript"></script>
<script src="${ctxStatic}/jquery/jquery.qrcode.min.js" type="text/javascript"></script>
</head>
<body>
<div id="print-area">
<c:forEach items="${list}" var="p" varStatus="index">
   <div id="qrcode${index.index}" class="mybox"><input name="qrcode${index.index}" type="hidden" value="${p}" /></div>
</c:forEach>
</div>
<script type="text/javascript">

$(document).ready(function() {
   var qrcodes=$("input[name^='qrcode']");
   if(qrcodes.length>0){
       qrcodes.each(function(index,comment){
           $('#qrcode'+index+'').qrcode({
               render: "canvas",
               width: 200,
               height: 200,
               //text: "http://localhost:8080/a/yuqian/yqRukudan/printerweima?materialNo="+$("input[name^='qrcode"+index+"']").val()
               text: "http“
           });
       })
   }
});
</script>
</body>
</html>

开源字节

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
web项目中利用js插件生成二维码

二维码img {box-shadow:0 0 5px #ccc; margin:3px; width:200px}.mybox {box-shadow:0 0 5px #ccc; margin:3px; width:200px;float:left; display:inline;padding: 10px;}
复制链接

扫一扫