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 相关文章推荐
在JavaScript中使用inline函数的问题
Mar 08 Javascript
seajs1.3.0源码解析之module依赖有序加载
Nov 07 Javascript
jquery 获取标签名(tagName)示例代码
Jul 11 Javascript
node.js中的fs.readdir方法使用说明
Dec 17 Javascript
js select实现省市区联动选择
Apr 17 Javascript
Bootstrap 3 进度条的实现
Feb 22 Javascript
基于AngularJS实现的工资计算器实例
Jun 16 Javascript
JS一个简单的注册页面实例
Sep 05 Javascript
vue实现手机号码抽奖上下滚动动画示例
Oct 18 Javascript
小程序视频列表中视频的播放与停止的示例代码
Jul 20 Javascript
Vue中的Props(不可变状态)
Sep 29 Javascript
解决vue安装less报错Failed to compile with 1 errors的问题
Oct 22 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
Terran兵种介绍
2020/03/14 星际争霸
深入了解php4(1)--回到未来
2006/10/09 PHP
用php+mysql一个名片库程序
2006/10/09 PHP
jQuery+php实现ajax文件即时上传的详解
2013/06/17 PHP
不懂JavaScript应该怎样学
2008/04/16 Javascript
jqueyr判断checkbox组的选中(示例代码)
2013/11/08 Javascript
JQuery each()嵌套使用小结
2014/04/18 Javascript
jQery使网页在显示器上居中显示适用于任何分辨率
2014/06/09 Javascript
js正则表达式replace替换变量方法
2016/05/21 Javascript
完美解决js传递参数中加号和&amp;号自动改变的方法
2016/10/11 Javascript
详解VUE的状态控制与延时加载刷新
2017/03/27 Javascript
微信小程序实现banner图轮播效果
2020/06/28 Javascript
JavaScript如何判断对象有某属性
2020/07/03 Javascript
[03:44]2014DOTA2国际邀请赛 71专访:DK战队赛前讨论视频遭泄露
2014/07/13 DOTA
[36:17]DOTA2上海特级锦标赛 - VGL音乐会全集
2016/03/06 DOTA
[00:32]2018DOTA2亚洲邀请赛Mineski出场
2018/04/04 DOTA
Python Matplotlib实现三维数据的散点图绘制
2019/03/19 Python
Python3实现的旋转矩阵图像算法示例
2019/04/03 Python
python 类的继承 实例方法.静态方法.类方法的代码解析
2019/08/23 Python
python 基于opencv去除图片阴影
2021/01/26 Python
5分钟让你掌握css3阴影、倒影、渐变小技巧(小编推荐)
2016/08/15 HTML / CSS
canvas学习和滤镜实现代码
2018/08/22 HTML / CSS
智能钱包:Ekster
2019/11/21 全球购物
PHP中如何创建和修改数组
2012/05/02 面试题
Prototype中如何为一个元素添加一个方法
2014/12/08 面试题
Python的两道面试题
2013/06/29 面试题
高中生毕业学习总结的自我评价
2013/11/14 职场文书
环境科学专业个人求职信
2013/12/15 职场文书
竞选演讲稿范文
2013/12/28 职场文书
防灾减灾宣传标语
2014/10/07 职场文书
公司2014年度工作总结
2014/12/10 职场文书
担保贷款承诺书
2015/04/30 职场文书
九年级语文教学反思
2016/03/03 职场文书
python 利用PyAutoGUI快速构建自动化操作脚本
2021/05/31 Python
Python 中的单分派泛函数你真的了解吗
2021/06/22 Python
Nginx实现负载均衡的项目实践
2022/03/18 Servers