二维码的生成（可设置大小）以及插件下载地址

　本文写的二维码生成是基于jQuery和jquery.qrcode.min.js插件的，本文将介绍两种方法和方式，仅供朋友选择和取舍。本文最下面附有插件的下载地址！

方式1：

　　基于jquery.qrcode.min.js插件生成，代码如下：

 

复制代码
<html>
<head>
    <title>生成二维码</title>
    <meta name="author" content="Stone(at)游久网,Blog" />
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
    <script type="text/javascript" src="jquery.qrcode.min.js"></script>
    <script type="text/javascript">
        jQuery(function () {
            jQuery("#qrCodeDiv").qrcode("设置二维码的内容。");
        });
    </script>
</head>
<body>
    <div id="qrCodeDiv">
    </div>
</body>
</html>
复制代码

 

　　优点：基于jquery.qrcode.min.js插件生成，稳定，效率比较高。

　　缺点：不能设置和控制生成二维码的大小（笔者还没有找到）。

方式2：

　　基于jquery.MyQRCode.js插件下载，代码如下：

复制代码
<html>
<head>
    <title>生成二维码</title>
    <meta name="author" content="Stone(at)游久网,Blog" />
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
    <script type="text/javascript" src="jquery.MyQRCode.js"></script>
    <script type="text/javascript">
        jQuery(function () {
            jQuery("#qrCodeDiv").MyQRCode(
            {
                content: "设置二维码的内容。",
                size: "400x400"
            });
        });
    </script>
</head>
<body>
    <div id="qrCodeDiv">
    </div>
</body>
</html>
复制代码

　　优点：可自定义自己设置大小。

　　缺点：此二维码是基于https://chart.googleapis.com/chart?chs={size}&cht=qr&chl={content}&choe={encoding} 这个网址生成的，只是沟通js封装，依赖性很强。

 

至此二维码的生成就写完了，前辈们很友好把代码封装好了，只要遵循一定方法调用就是了，这也许就是互联网的精神，it的精神。

 

下载地址：

jquery-1.6.1.min.js

jquery.qrcode.min.js

jquery.MyQRCode.js

posted @ 2015-12-16 15:21  请叫我阿力  阅读(2979)  评论(0)  编辑  收藏  举报