jQuery实现二维码扫描功能


Posted in Javascript onJanuary 09, 2017

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

Jquery二维码的实现:jquery.qrcode.min.js插件

HTML正文:

<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>

Javascript操作代码:

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形式一般浏览器会自动加载
 });
});

效果:

jQuery实现二维码扫描功能

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JQuery 构建客户/服务分离的链接模型中Table中的排序分析
Jan 22 Javascript
JQuery触发radio或checkbox的change事件
Dec 18 Javascript
JS获取地址栏参数的小例子
Aug 23 Javascript
Javascript 按位与赋值运算符 (&amp;=)使用介绍
Feb 04 Javascript
JavaScript插件化开发教程 (四)
Jan 27 Javascript
Grunt入门教程(自动任务运行器)
Aug 06 Javascript
解析JavaScript面向对象概念中的Object类型与作用域
May 10 Javascript
微信小程序中实现一对多发消息详解及实例代码
Feb 14 Javascript
bootstrap中模态框、模态框的属性实例详解
Feb 17 Javascript
JavaScript实现256色转灰度图
Feb 22 Javascript
Vue的v-model的几种修饰符.lazy,.number和.trim的用法说明
Aug 05 Javascript
在VUE中使用lodash的debounce和throttle操作
Nov 09 Javascript
详解Jquery 遍历数组之$().each方法与$.each()方法介绍
Jan 09 #Javascript
详解js产生对象的3种基本方式(工厂模式,构造函数模式,原型模式)
Jan 09 #Javascript
基于jQuery实现滚动刷新效果
Jan 09 #Javascript
用jQuery实现优酷首页轮播图
Jan 09 #Javascript
AngularJS实现表单验证功能
Jan 09 #Javascript
AngularJS表单基本操作
Jan 09 #Javascript
AngularJS Controller作用域
Jan 09 #Javascript
You might like
第一个无线电台是由谁发明的
2021/03/01 无线电
PHP eval函数使用介绍
2013/12/08 PHP
使用Huagepage和PGO来提升PHP7的执行性能
2015/11/30 PHP
在PHP站点的页面上添加Facebook评论插件的实例教程
2016/01/08 PHP
ThinkPHP+EasyUI之ComboTree中的会计科目树形菜单实现方法
2017/06/09 PHP
jQuery下的几个你可能没用过的功能
2010/08/29 Javascript
capacityFixed 基于jquery的类似于新浪微博新消息提示的定位框
2011/05/24 Javascript
jquery+ajax+C#实现无刷新操作数据库数据的简单实例
2014/02/08 Javascript
判断复选框是否被选中的两种方法
2014/06/04 Javascript
js实现html table 行,列锁定的简单实例
2016/10/13 Javascript
详解vue 中使用 AJAX获取数据的方法
2017/01/18 Javascript
jQuery插件HighCharts实现的2D条状图效果示例【附demo源码下载】
2017/03/15 Javascript
仿京东快报向上滚动的实例
2017/12/13 Javascript
js装饰设计模式学习心得
2018/02/17 Javascript
Vue二次封装axios为插件使用详解
2018/05/21 Javascript
详解小程序循环require之坑
2019/03/08 Javascript
解决vuex数据异步造成初始化的时候没值报错问题
2019/11/13 Javascript
Vue实现菜单切换功能
2020/11/08 Javascript
[01:11:48]Fnatic vs IG 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
VScode编写第一个Python程序HelloWorld步骤
2018/04/06 Python
django静态文件加载的方法
2018/05/20 Python
VPS CENTOS 上配置python,mysql,nginx,uwsgi,django的方法详解
2019/07/01 Python
使用pickle存储数据dump 和 load实例讲解
2019/12/30 Python
在python3中实现更新界面
2020/02/21 Python
Python使用xpath实现图片爬取
2020/09/16 Python
Anaconda使用IDLE的实现示例
2020/09/23 Python
世界上最大的折扣香水店:FragranceNet.com
2016/10/26 全球购物
什么造成了Java里面的异常
2016/04/24 面试题
如何开启linux的ssh服务
2015/02/14 面试题
机关财务管理制度
2014/01/17 职场文书
数学高效课堂实施方案
2014/03/29 职场文书
庆七一活动总结
2014/08/27 职场文书
2014年文艺部工作总结
2014/11/17 职场文书
检讨书范文500字
2015/01/28 职场文书
实习护士自荐信
2015/03/25 职场文书
先进基层党组织事迹材料2016
2016/02/29 职场文书