【Jquery】- 二维码

迈不过友情╰ 2022-10-02 09:52 133阅读 0赞

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][]

二维码：利用图形模拟二进制0、1的概念，达到存储少量数据的功能，一般移动端浏览器解析出二维码里面隐藏的url数据会自动进行跳转，常见的支付宝、微信扫描登陆就是利用该原理

Jquery二维码插件：jquery.qrcode.min.js

**界面**

<script type="text/javascript" src="js/jquery.qrcode.min.js"></script>
    
    <input type="button" value="二维码" id="bt" />：  <span id="count"></span>
    <br>
    <div id="code"></div>
    <br>

**js操作逻辑**

var i=0;
    $("#bt").click(function() {
           
    	$("#count").text(++i);
    	$("#code").text("");  //初始化二维码的位置
    	
    	jQuery('#code').qrcode({
    		render : "canvas",//也可以替换为table
    		width : 100,
    		height : 100,
    		text : "http://www.baidu.com"    //二维码内置内容，如果是URL形式一般浏览器会自动加载
    	});
    });

**效果：**

![c0944bde71f75b58c0b56d56baad722bb76.jpg][]

转载于:https://my.oschina.net/yangzhiwei256/blog/3017453

[2019_Python_]: https://my.oschina.net/u/2663968/blog/3061697
[hot3.png]: /images/20220113/cdbe5b728a10469f900c7e370f756d2b.png
[c0944bde71f75b58c0b56d56baad722bb76.jpg]: /images/20220113/630afb26f2fa4d8ba7181aaa90cc957e.png

发表评论取消回复

表情：

评论列表（有 0 条评论，133人围观）

还没有评论，来说两句吧...

相关阅读

相关 jQuery 二维码生成

1.引入jQuery 和 jquery.qrcode <script type='text/javascript' src='http://cdn.staticfil

超、凢脫俗/ 2023年10月06日 09:18/ 0 赞/ 129 阅读

相关【Jquery】- 二维码

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][] 二维码：利用图形模拟二进制0、1的概念，达到存储少量数据

迈不过友情╰/ 2022年10月02日 09:52/ 0 赞/ 134 阅读

相关 jquery-qrcode生成二维码

一、jquery-query jquery-qrcode是一个为浏览器生成二维码的jquery插件。我们很容易将它集成到我们的应用。该插件也可以独立使用，也比

墨蓝/ 2022年07月16日 10:22/ 0 赞/ 232 阅读

相关 jquery-QRCode生成二维码

下载链接:https://github.com/jeromeetienne/jquery-qrcode github下载方式查看:http://blog.csdn.net/c

蔚落/ 2022年06月16日 09:06/ 0 赞/ 256 阅读

相关 jQuery生成二维码实例

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8">

淩亂°似流年/ 2022年06月01日 09:14/ 0 赞/ 188 阅读

相关 jquery.qrcode.js 生成二维码

GitHub地址: [https://github.com/jeromeetienne/jquery-qrcode][https_github.com_jeromeetienn

- 日理万妓/ 2022年05月18日 02:28/ 0 赞/ 257 阅读

相关 Jquery-qrcode生成二维码

引入jquery和jquery-qrcode <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min

小鱼儿/ 2022年01月30日 04:19/ 0 赞/ 359 阅读

相关 JQuery解析二维码

引入js 下载地址[http://www.jq22.com/jquery-info294][http_www.jq22.com_jquery-info294]

小灰灰/ 2022年01月23日 15:06/ 0 赞/ 306 阅读

相关 jquery-qrcode二维码生成

\ qrCode 一个生成二维码插件使用demo，支持在二维码里添加logo及将二维码转成图片 HTML代码 <!DOCTYPE html> <html>

忘是亡心i/ 2021年10月19日 04:28/ 0 赞/ 441 阅读

相关 js生成二维码下载二维码 jquery.qrcode.min.js

HTML部分代码 <script src="query-1.10.2.min.js"></script> <script src="jquery.qrcode

柔光的暖阳◎/ 2021年08月28日 23:40/ 0 赞/ 1110 阅读