提供两种方法,两种都是借助JQ插件生成。
所需文件:https://download.csdn.net/download/qq_25285531/88204985https://download.csdn.net/download/qq_25285531/88204985
方法一:
<script type="text/javascript" src="/static/index/js/jquery-1.11.3.min.js" ></script>
<script src="/static/index/js/qrcode.js"></script><style type='text/css'>
/*二维码大小*/#qrcode img {width:90px;height:90px;}
</style><body><div id="qrcode"></div>
</body><script type="text/javascript">$(function(){ var qrcode = new QRCode("qrcode");// 生成二维码的方法function makeCode () { // 二维码地址 var Url = 'www.baidu.com';qrcode.makeCode(Url);}makeCode();})
</script>
方法二:比较简单
<script src="/newadmin/js/jquery-1.12.3.min.js"></script>
<script src="/newadmin/js/jquery.qrcode.min.js"></script><body><div id="qrcode"></div>
</body><script type="text/javascript">// 生成二维码jQuery('#qrcode').qrcode({render: "canvas", //也可以替换为tablewidth: 200,height: 200,text: "www.baidu.com"});
</script>