开发者社区> 烟火_> 正文

jquery-qrcode生成二维码

简介: 一、jquery-qrcode   jquery-qrcode是一个为浏览器生成二维码的jquery插件。我们很容易将它集成到我们的应用。该插件也可以独立使用,也比较小。它是直接在客户端生成二维码生成。
+关注继续查看

一、jquery-qrcode

  jquery-qrcode是一个为浏览器生成二维码的jquery插件。我们很容易将它集成到我们的应用。该插件也可以独立使用,也比较小。它是直接在客户端生成二维码生成。所以不会有图片的下载过程,一定程度上提高了系统性能。

二、实例

  1、jquery-qrcode下载地址为:https://github.com/dnspod/jquery-qrcode 。该包解压后有如下几个文件

  2、开始编写程序

    a、创建index.html文件,文件内容如下:

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <title>basic example</title>
 5 </head>
 6 <body>
 7 <script src="jquery-1.10.2.min.js"></script>
 8  <script type="text/javascript" src="./src/jquery.qrcode.js"></script>
 9 <script type="text/javascript" src="./src/qrcode.js"></script>
10 <p>Render in table</p>
11 <div id="qrcodeTable"></div>
12 <p>Render in canvas</p>
13 <div id="qrcodeCanvas"></div>
14 <script> 
15     jQuery('#qrcodeTable').qrcode({
16         render    : "table",                <!--二维码生成方式 -->
17         text    : "http://www.baidu.com"  <!-- 二维码内容  -->
18     });    
19     jQuery('#qrcodeCanvas').qrcode({
20         text    : "http://www.baidu.com"
21     });    
22 </script>
23 </body>
24 </html>

 

  由于该插件使用到了jquery,所以我们需要引入jquery的支持。生成的二维码也有两种方式,一种是使用网页table生成网页。另外一种是直接使用canvas生成图片。

 

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
H5 使用jsBarcode qrcodejs 生成二维码 条形码
H5 使用jsBarcode qrcodejs 生成二维码 条形码
58 0
怎么设置阿里云服务器安全组?阿里云安全组规则详细解说
阿里云服务器安全组设置规则分享,阿里云服务器安全组如何放行端口设置教程
10171 0
如何用.NET生成二维码?
二维码是用某种特定的几何图形按一定规律在平面(二维方向上)分布的黑白相间的图形记录数据符号信息的,常见的有PDF417、QR Code、Code 49、Code 16K、Code One等。二维码技术已经被广泛应用于公安、外交、军事等部门对各类证件的管理等。本文介绍一种如何种C#语言生成二维码的技术。
548 0
Java生成二维码如此简单!
大家好,我是指北君。 指北君最近一直在思考一个问题,Java 能不能做一些比较有意思的事情,但是在网络上搜索的时候,有意思好玩的东西,都被 Python 给做了。Java 似乎就只剩下八股文,面试,框架,架构等等的内容。
56 0
如何生成二维码方案分享(php版)
php生成二维码方法有两种   1.利用Google API生成二维码(谷歌不稳定)   2.使用PHP二维码生成类库PHP QR Code生成二维码   这个帖子主要分享第二种使用类库PHP QR Code生成二维码  1.
773 0
python之qrcode模块生成二维码
用Python的qrcode包来生成二维码很简单 一、前期准备: pip install qrcode qrcode 依赖 Image 这个包: pip install Image 二、安装好之后就可以通过代码实现二维码了 - 1.
2066 0
pix2code:从截图生成图形用户界面代码
将设计人员创建的图形用户界面截图转换为计算机代码是开发人员为构建定制的软件,网站和移动应用程序而进行的一项典型任务。 在本文中,我们展示了深入的学习方法可以用于训练一个端对端的模型,以便从三个不同的平台(即iOS,Android和基于Web的)获得超过77%的准确度的单个输入图像中自动生成代码技术)。
1152 0
Encoder-Decoder自动生成对联,要试试么?
本文将用Encoder-Decoder自动生成对联
2442 0
+关注
烟火_
从事java开发多年
113
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
JS零基础入门教程(上册)
立即下载
性能优化方法论
立即下载
手把手学习日志服务SLS,云启实验室实战指南
立即下载