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中增加参数与Json转换代码
Nov 20 Javascript
一个javascript图片阅览组件
Nov 09 Javascript
javascript学习笔记(九) js对象 设计模式
Jun 19 Javascript
THREE.JS入门教程(3)着色器-下
Jan 24 Javascript
删除Javascript Object中间的key
Nov 18 Javascript
JS实现图片平面旋转的方法
Mar 01 Javascript
HTML页面,测试JS对C函数的调用简单实例
Aug 09 Javascript
完美解决JS文件页面加载时的阻塞问题
Dec 18 Javascript
JavaScript基于DOM操作实现简单的数学运算功能示例
Jan 16 Javascript
微信分享调用jssdk实例
Jun 08 Javascript
利用node.js制作命令行工具方法教程(一)
Jun 22 Javascript
JS扩展String.prototype.format字符串拼接的功能
Mar 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
1 Tube Radio
2021/03/02 无线电
AMFPHP php远程调用(RPC, Remote Procedure Call)工具 快速入门教程
2010/05/10 PHP
PHP易混淆知识整理笔记
2015/09/24 PHP
PHP 返回13位时间戳的实现代码
2016/05/13 PHP
javascript Array.sort() 跨浏览器下需要考虑的问题
2009/12/07 Javascript
GreyBox技术总结(转)
2010/11/23 Javascript
巧用jquery解决下拉菜单被Div遮挡的相关问题
2014/02/13 Javascript
javascript父、子页面交互技巧总结
2014/08/08 Javascript
jQuery基础语法实例入门
2014/12/23 Javascript
jquery实现简单的自动播放幻灯片效果
2015/06/13 Javascript
JS和jQuery使用submit方法无法提交表单的原因分析及解决办法
2016/05/17 Javascript
bootstrap和jQuery.Gantt的css冲突 如何解决
2016/05/29 Javascript
JS实现二叉查找树的建立以及一些遍历方法实现
2017/04/17 Javascript
vue插件vue-resource的使用笔记(小结)
2017/08/04 Javascript
JavaScript实现各种排序的代码详解
2017/08/28 Javascript
代码实例ajax实现点击加载更多数据图片
2018/10/12 Javascript
实例讲解v-if和v-show的区别
2019/01/31 Javascript
vue 列表页跳转详情页获取id以及详情页通过id获取数据
2019/03/27 Javascript
详解js实时获取并显示当前时间的方法
2019/05/10 Javascript
three.js欧拉角和四元数的使用方法
2020/07/26 Javascript
[41:54]2018DOTA2亚洲邀请赛 4.1 小组赛A组加赛 TNC vs Liquid
2018/04/03 DOTA
根据DataFrame某一列的值来选择具体的某一行方法
2018/07/03 Python
PyQt5响应回车事件的方法
2019/06/25 Python
TensorFlow基于MNIST数据集实现车牌识别(初步演示版)
2019/08/05 Python
Python箱型图处理离群点的例子
2019/12/09 Python
python3下pygame如何实现显示中文
2020/01/11 Python
Python如何解除一个装饰器
2020/08/07 Python
关于Kotlin中SAM转换的那些事
2020/09/15 Python
莫斯科购买书籍网站:Book24
2020/01/12 全球购物
英国Lookfantastic中文网站:护肤品美妆美发购物(英国直邮)
2020/04/27 全球购物
Java基础知识面试要点
2016/07/29 面试题
村官学习十八大感想
2014/01/15 职场文书
环保倡议书300字
2014/05/15 职场文书
小学社团活动总结
2014/06/27 职场文书
国际会计专业求职信
2014/08/04 职场文书
学校领导四风问题整改措施思想汇报
2014/10/09 职场文书