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 表格排序和表头浮动效果(扩展SortTable)
Apr 07 Javascript
js 表单验证方法(实用)
Apr 28 Javascript
sliderToggle在写jquery的计时器setTimeouter中不生效
May 26 Javascript
jQuery根据元素值删除数组元素的方法
Jun 24 Javascript
学习JavaScript设计模式之责任链模式
Jan 18 Javascript
JS控制弹出悬浮窗口(一览画面)的实例代码
May 30 Javascript
JSON字符串和对象相互转换实例分析
Jun 16 Javascript
easyui-edatagrid.js实现回车键结束编辑功能的实例
Apr 12 Javascript
ng-zorro-antd 入门初体验
Dec 03 Javascript
jQuery实现图片下载代码
Jul 18 jQuery
Angular之jwt令牌身份验证的实现
Feb 14 Javascript
javascript实现倒计时关闭广告
Feb 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
php实现的遍历文件夹下所有文件,编辑删除
2010/01/05 PHP
测试php连接mysql是否成功的代码分享
2014/01/24 PHP
PHP生成唯一订单号的方法汇总
2015/04/16 PHP
thinkphp 抓取网站的内容并且保存到本地的实例详解
2017/08/25 PHP
jquery如何实现在加载完iframe的内容后再进行操作
2013/09/10 Javascript
JS方法调用括号的问题探讨
2014/01/24 Javascript
jQuery简单图表peity.js使用示例
2014/05/02 Javascript
js读写json文件实例代码
2014/10/21 Javascript
浅谈JS闭包中的循环绑定处理程序
2014/11/09 Javascript
javascript批量修改文件编码格式的方法
2015/01/27 Javascript
jQuery实现感应鼠标动画效果自动伸长的输入框实例
2015/02/24 Javascript
简单实现js轮播图效果
2017/07/14 Javascript
javaScript手机号码校验工具类PhoneUtils详解
2017/12/08 Javascript
vue学习教程之带你一步步详细解析vue-cli
2017/12/26 Javascript
mpvue开发音频类小程序踩坑和建议详解
2019/03/12 Javascript
Vue实现表格批量审核功能实例代码
2019/05/28 Javascript
[14:57]DOTA2 HEROS教学视频教你分分钟做大人-幽鬼
2014/06/13 DOTA
python求pi的方法
2014/10/08 Python
在Python操作时间和日期之asctime()方法的使用
2015/05/22 Python
在Django中管理Users和Permissions以及Groups的方法
2015/07/23 Python
Linux中Python 环境软件包安装步骤
2016/03/31 Python
Python基于回溯法子集树模板解决找零问题示例
2017/09/11 Python
Python实现基于二叉树存储结构的堆排序算法示例
2017/12/08 Python
python中aioysql(异步操作MySQL)的方法
2019/04/11 Python
Python中turtle库的使用实例
2019/09/09 Python
Ootori在线按摩椅店:一家专业的按摩椅制造商
2019/04/10 全球购物
德国苹果商店:MacTrade
2020/05/18 全球购物
优秀士兵先进事迹
2014/02/06 职场文书
实习单位指导教师评语
2014/12/30 职场文书
十二生肖观后感
2015/06/12 职场文书
小学安全教育主题班会
2015/08/12 职场文书
寒假致家长的一封信
2015/10/10 职场文书
送给小学生的暑假礼物!小学生必背99首古诗
2019/07/02 职场文书
Javascript中的解构赋值语法详解
2021/04/02 Javascript
Golang二维数组的使用方式
2021/05/28 Golang
python单向链表实例详解
2022/05/25 Python