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

本文写的二维码生成是基于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 条评论
登录 后参与评论

相关文章

来自专栏程序猿

安装 VMware workstation

VMware Workstation 是 VMware 公司推出的一款桌面虚拟计算软件,具有 Windows、Linux 版本。VMware Worksta...

868120
来自专栏我叫刘半仙

原帮你摆脱鼠标,提高工作效率的免费小工具

       一款只用键盘操作就能打开想要的软件的神器--ALTRun。在我刚开始学编程时,一次偶然的机会接触了ALTRun后,实在是爱不释手。它是一款快速启动...

44860
来自专栏王大锤

github for Mac 教程

41260
来自专栏数据订阅

通过云数据库审计解决安全和性能分析问题

企业使用数据库,可能面临如下安全风险,该类风险需要完整的事后审计和追溯机制,数据库审计能力就由此诞生。

25440
来自专栏腾讯云API

【非官方工具】腾讯云API代码生成工具 2.0

1:本工具并非腾讯云官方数据,仅供大家学习使用,使用过程中不要透露自己的SecretId和SecretKey

77940
来自专栏北京马哥教育

Redis服务器被劫持风波

? 作者:当年的春天 来源: http://blog.csdn.net/zhanghan18333611647/article/details/5712827...

56580
来自专栏不止是前端

Vue:一个空白的Vue项目,开箱即用

443110
来自专栏开发技术

负载均衡+session共享(memcached-session-manager实现)

  本文的形成参考了很多人的博客,最多的应该是青葱岁月兄的这篇博客,大家可以先去看下,熟悉一些内容,因为本文是直接实践,一些理论性的知识就需要大家自己去补充了。

24730
来自专栏FreeBuf

基于ThinkPHP的2个CMS后台GetShell利用

0x00 前言 ThinkPHP是为了简化企业级应用开发和敏捷WEB应用开发而诞生的,由于其简单易用,很多cms都基于该框架改写。然而 Thinkphp在缓存使...

54290
来自专栏FreeBuf

浅谈Windows系统下的网站备份与恢复

之前写了利用命令行工具创建LinuxMac系统下网站备份的文章,但是windows系统无法采用命令行工具进行网站备份,这个时候我们就需要借助第三方工具了。欲知详...

43180

扫码关注云+社区

领取腾讯云代金券