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 相关文章推荐
日期 时间js控件
May 07 Javascript
使用JavaScript检测Firefox浏览器是否启用了Firebug的代码
Dec 28 Javascript
js实现杯子倒水问题自动求解程序
Mar 25 Javascript
JQuery对class属性的操作实现按钮开关效果
Oct 11 Javascript
jQuery实现带动画效果的二级下拉导航方法
Mar 11 Javascript
jquery实现点击变换导航样式的方法
Aug 31 Javascript
JavaScript实现的伸展收缩型菜单代码
Oct 14 Javascript
详解ElementUI之表单验证、数据绑定、路由跳转
Jun 21 Javascript
js使用generator函数同步执行ajax任务
Sep 05 Javascript
在Vue.js中使用Mixins的方法
Sep 12 Javascript
jquery图片预览插件实现方法详解
Jul 18 jQuery
vue 解决异步数据更新问题
Oct 29 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
PHP常用技术文之文件操作和目录操作总结
2014/09/27 PHP
PHP-FPM之Chroot执行环境详解
2015/08/03 PHP
PHP实现基于mysqli的Model基类完整实例
2016/04/08 PHP
PHP _construct()函数讲解
2019/02/03 PHP
E3 tree 1.6在Firefox下显示问题的修复方法
2013/01/30 Javascript
网页整体变灰白色(兼容各浏览器)实例
2013/04/21 Javascript
使用typeof判断function是否存在于上下文
2014/08/14 Javascript
JavaScript中发布/订阅模式的简单实例
2014/11/05 Javascript
js实现的鼠标滚轮滚动切换页面效果(类似360默认页面滚动切换效果)
2016/01/27 Javascript
js和C# 时间日期格式转换的简单实例
2016/05/28 Javascript
js移动焦点到最后位置的简单方法
2016/11/25 Javascript
jQuery 防止相同的事件快速重复触发方法
2018/02/08 jQuery
Vue项目History模式404问题解决方法
2018/10/31 Javascript
vue实现标签云效果的方法详解
2019/08/28 Javascript
利用JavaScript模拟京东按键输入功能
2020/12/01 Javascript
vue.js实现点击图标放大离开时缩小的代码
2021/01/27 Vue.js
Tornado服务器中绑定域名、虚拟主机的方法
2014/08/22 Python
Python实现扫描局域网活动ip(扫描在线电脑)
2015/04/28 Python
PyQt5每天必学之创建窗口居中效果
2018/04/19 Python
Python递归函数实例讲解
2019/02/27 Python
PyQt5+Caffe+Opencv搭建人脸识别登录界面
2019/08/28 Python
浅谈pytorch卷积核大小的设置对全连接神经元的影响
2020/01/10 Python
python datetime时间格式的相互转换问题
2020/06/11 Python
Android Q之气泡弹窗的实现示例
2020/06/23 Python
SpringBoot首页设置解析(推荐)
2021/02/11 Python
HTML5 Canvas实现文本对齐的方法总结
2016/03/24 HTML / CSS
美国羊皮公司:Overland
2018/01/15 全球购物
创建文明学校实施方案
2014/03/11 职场文书
优秀应届毕业生自荐书
2014/06/29 职场文书
庆祝教师节演讲稿
2014/09/03 职场文书
房产转让协议书(2014版)
2014/09/30 职场文书
银行开户授权委托书格式
2014/10/10 职场文书
2015年文员个人工作总结
2015/04/09 职场文书
二十年同学聚会致辞
2015/07/28 职场文书
《乘法分配律》教学反思
2016/02/24 职场文书
年终奖金发放管理制度,中小企业适用,拿去救急吧!
2019/07/12 职场文书