js将网络链接动态生成二维码示例

1.首先要下载qrcode.js文件,可自行百度搜索下载;

2.在使用的文件中引入:

<script src='js/qrcode.js'></script>

因为在JS代码我用的是JQuery的写法,所以如果想避免其他不必要的麻烦,可再下载一个JQuery的插件,然后引入:

<script src='js/jquery.min.js'></script>

3.具体代码如下:

HTML部分:

<div id="QRcodeImg" style="margin:0 auto;"></div>

JS部分:

                let webUrl = "https://blog.csdn.net/Charles_Tian";
                $("#QRcodeImg").qrcode({
                    render: 'canvas' || 'table',  //支持table方式或者canvas方式
                    width: '120',
                    height: '120',
                    text: webUrl
                });

4.效果图如下:

5.更多关于生成二维码学习信息请参考链接: https://www.cnblogs.com/zhengweijie/p/6911834.html

猜你喜欢

转载自blog.csdn.net/Charles_Tian/article/details/81938326