前端生成二维码（只需要网页地址即可）

最新推荐文章于 2024-04-25 09:59:55 发布

Sun_Gem

最新推荐文章于 2024-04-25 09:59:55 发布

阅读量3k

点赞数

文章标签：前端 javascript html

本文链接：https://blog.csdn.net/weixin_48398799/article/details/128083136

版权

1、引入jquery.js，jquery.qrcode.js

<script type='text/javascript'src='http://cdn.staticfile.org/jquery/2.1.1/jquery.min.js'></script>
<script type="text/javascript"src="http://cdn.staticfile.org/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>

2、html代码

<div id = "qrid"></div>
<a target="_blank"  href="${activity.activityUrl}">点击跳转</a>
<input type="hidden" value="${activity.activityUrl}" id="activityUrl" />//后台数据库的网址连接

3、js代码

<script>
    $(function(){
        var activityId= document.getElementById("activityUrl").value;
        //$('#qrid').qrcode(qrstr);//不指定二维码大写 
        $('#qrid').qrcode({width: 280,height: 280,text: activityId});//指定二维码大小
    });
</script>