专栏首页王磊的博客二维码的生成(可设置大小)以及插件下载地址

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

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • MS SQL查询库、表、列数据结构信息汇总

    前言 一般情况我们下,我们是知道数据库的表、列信息的(因为数据库是我们手动设计),但特殊情况下,如果你只能拿到数据库连接信息,也就是知道的一个数据库名的情况下,...

    Java中文社群-磊哥
  • VueJs开发笔记—IDE选择和优化、框架特性、数据调用、路由选项及使用

    一、IDE的选择:   VsCode和WebStorm都是不错的选择,说一下两者的优缺点,调试便捷性来说两者不相上下.   WebStorm缺点:性能方面VsC...

    Java中文社群-磊哥
  • Asp.Net使用Yahoo.Yui.Compressor.dll压缩Js|Css

    网上压缩css和js工具很多,但在我们的系统中总有特殊的地方。也许你会觉得用第三方的压缩工具很麻烦。我就遇到了这样问题,我不想在本地压缩,只想更新到服务器上去压...

    Java中文社群-磊哥
  • 最近的项目系列1——core整合SPA

      当前,前后端分离大行其道,我本人之前不少项目也是纯前后端分离,但总有些场景,春前后端分离整起来比较痛苦,比如我手头这个公众号项目吧,它涉及到第三方鉴权,第三...

    guokun
  • 出现Uncaught ReferenceError: $ is not defined错误

    今天在写ajax请求的时候,出现了Uncaught ReferenceError: $ is not defined报错;$未定义是为什么呢?

    meihuasheng
  • 分享几道LeetCode中的MySQL题目解法

    最近刷完了LeetCode中的所有数据库题目,深深感到有些题目还是非常有深度和代表性的,而且比较贴合实际应用场景,特此发文以作分享。

    luanhz
  • 小程序云函数实现发送模板消息

    2.微信开发者工具中点击云开发,打开云开发控制台 选择云函数->新建云函数->输入名称(这里使用pay_success)->确定

    薛定喵君
  • 硬件笔记(14)----AHD模拟高清知识

    版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。

    小火柴棒
  • 关于响应式前端WEB

    响应式 Web 设计 -Viewport什么是 Viewport? viewport 是用户网页的可视区域。 viewport 翻译为中文可以叫做"视区"。 手...

    企鹅号小编
  • 小朋友学C语言(27):选择排序

    (一)基本原理(由小到大): 如果有n个数,需要比较n-1轮: 第1轮,将n个数中最小的数与a[0]对换,当然若a[0]就是最小的数则不用对换。 第2轮,将a[...

    海天一树

扫码关注云+社区

领取腾讯云代金券