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版的date函数(和PHP的date函数一样)
May 12 Javascript
js实现touch移动触屏滑动事件
Apr 17 Javascript
jQuery unbind 删除绑定事件详解
May 24 Javascript
让你一句话理解闭包(简单易懂)
Jun 03 Javascript
jQuery之简单的表单验证实例
Jul 07 Javascript
浅谈js中function的参数默认值
Feb 20 Javascript
vue中appear的用法
Aug 17 Javascript
浅谈 Vue 项目优化的方法
Dec 16 Javascript
JavaScript EventEmitter 背后的秘密 完整版
Mar 29 Javascript
Vue使用vux-ui自定义表单验证遇到的问题及解决方法
May 10 Javascript
vue elementUI 表单校验功能之数组多层嵌套
Jun 04 Javascript
简单了解three.js 着色器材质
Aug 03 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脚本代码
2011/02/19 PHP
input file获得文件根目录简单实现
2013/04/26 PHP
PHP会话处理的10个函数
2015/08/11 PHP
深入浅析Yii admin的权限控制
2016/08/31 PHP
Thinkphp5行为使用方法汇总
2017/12/21 PHP
php中访问修饰符的知识点总结
2019/01/27 PHP
laravel 框架结合关联查询 when()用法分析
2019/11/22 PHP
从父页面读取和操作iframe中内容方法
2009/07/25 Javascript
JS中confirm,alert,prompt函数区别分析
2011/01/17 Javascript
UI Events 用户界面事件
2012/06/27 Javascript
javascript返回顶部效果(自写代码)
2013/01/06 Javascript
jQuery中:hidden选择器用法实例
2014/12/30 Javascript
jQuery实现的AJAX简单弹出层效果代码
2015/11/26 Javascript
JS组件系列之使用HTML标签的data属性初始化JS组件
2016/09/14 Javascript
从零开始学习Node.js系列教程一:http get和post用法分析
2017/04/13 Javascript
Echarts基本用法_动力节点Java学院整理
2017/08/11 Javascript
js + css实现标签内容切换功能(实例讲解)
2017/10/09 Javascript
基于vue手写tree插件的那点事儿
2019/08/20 Javascript
Node.js fs模块(文件模块)创建、删除目录(文件)读取写入文件流的方法
2019/09/03 Javascript
Python设置Socket代理及实现远程摄像头控制的例子
2015/11/13 Python
python 递归深度优先搜索与广度优先搜索算法模拟实现
2018/10/22 Python
python sqlite的Row对象操作示例
2019/09/11 Python
PyCharm永久激活方式(推荐)
2020/09/22 Python
Python unittest装饰器实现原理及代码
2020/09/08 Python
html如何对span设置宽度
2019/10/30 HTML / CSS
What's the difference between Debug and Trace class? (Debug类与Trace类有什么区别)
2013/09/10 面试题
怎样在 Applet 中建立自己的菜单(MenuBar/Menu)?
2012/06/20 面试题
夜大毕业生自我鉴定
2013/10/31 职场文书
会议开场欢迎词
2014/01/15 职场文书
幼儿园小班教学反思
2014/02/02 职场文书
《春雨》教学反思
2014/04/24 职场文书
银行求职自荐书
2014/06/25 职场文书
汽车质检员岗位职责
2015/04/08 职场文书
六一亲子活动感想
2015/08/07 职场文书
Pandas实现DataFrame的简单运算、统计与排序
2022/03/31 Python
面试官问我Mysql的存储引擎了解多少
2022/08/05 MySQL