zoukankan      html  css  js  c++  java
  • 二维码的生成(可设置大小)以及插件下载地址

      本文写的二维码生成是基于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


    【Stone 制作整理,引用请写明出处谢谢合作,联系QQ:1370569】






    关注下面二维码,订阅更多精彩内容。
    微信打赏
    关注公众号(加好友):

  • 相关阅读:
    优秀的 Java 项目,代码都是如何分层的?
    计算机应届生月薪大多是多少?
    零基础要怎么学JAVA?
    自学 Java 怎么入门?
    Java学习路线总结,已Get腾讯Offer
    java培训出来的如何找工作?
    离散数学学习笔记
    一些公式
    一个模拟
    秦皇岛wannafly[数论]学习笔记
  • 原文地址:https://www.cnblogs.com/vipstone/p/2171225.html
Copyright © 2011-2022 走看看