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系列(38):设计模式之职责链模式详解
Mar 04 Javascript
JavaScript forEach()遍历函数使用及介绍
Jul 08 Javascript
原生JS版和jquery版实现checkbox的全选/全不选/点选/行内点选(Mr.Think)
Oct 29 Javascript
JavaScript之事件委托实例(附原生js和jQuery代码)
Jul 22 jQuery
完美解决mui框架off-canvas侧滑超出部分隐藏无法滚动的问题
Jan 25 Javascript
JS实现DOM删除节点操作示例
Apr 04 Javascript
React 使用browserHistory项目访问404问题解决
Jun 01 Javascript
JS中appendChild追加子节点无效的解决方法
Oct 14 Javascript
微信小程序点餐系统开发常见问题汇总
Aug 06 Javascript
jQuery操作事件完整实例分析
Jan 10 jQuery
vue在图片上传的时候压缩图片
Nov 18 Vue.js
创建与框架无关的JavaScript插件
Dec 01 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依赖倒置(Dependency Injection)代码实例
2014/10/11 PHP
PHP易混淆函数的区别及用法汇总
2014/11/22 PHP
smarty中常用方法实例总结
2015/08/07 PHP
PHP 闭包详解及实例代码
2016/09/28 PHP
thinkPHP框架对接支付宝即时到账接口回调操作示例
2016/11/14 PHP
PHP基于SimpleXML生成和解析xml的方法示例
2017/07/17 PHP
根据鼠标的位置动态的控制层的位置
2009/11/24 Javascript
javascript简单实现表格行间隔显示颜色并高亮显示
2013/11/29 Javascript
node.js中的console.timeEnd方法使用说明
2014/12/09 Javascript
jQuery判断多个input file 都不能为空的例子
2015/06/23 Javascript
JavaScript入门基础
2015/08/12 Javascript
jQuery改变form表单的action,并进行提交的实现代码
2016/05/25 Javascript
基于JavaScript实现轮播图代码
2016/07/14 Javascript
jQuery简单注册和禁用全局事件的方法
2016/07/25 Javascript
Vue.js教程之计算属性
2016/11/11 Javascript
Angularjs 实现动态添加控件功能
2017/05/25 Javascript
JQuery.dataTables表格插件添加跳转到指定页
2017/06/09 jQuery
Vue组件之全局组件与局部组件的使用详解
2017/10/09 Javascript
JavaScript自执行函数和jQuery扩展方法详解
2017/10/27 jQuery
浅谈React Event实现原理
2018/09/20 Javascript
Angular刷新当前页面的实现方法
2018/11/21 Javascript
JavaScript显式数据类型转换详解
2019/03/18 Javascript
小程序登录/注册页面设计的实现代码
2019/05/24 Javascript
bootstrap-closable-tab可实现关闭的tab标签页插件
2020/08/09 Javascript
Python使用Flask框架同时上传多个文件的方法
2015/03/21 Python
对于Python中线程问题的简单讲解
2015/04/03 Python
Python提取网页中超链接的方法
2016/09/18 Python
Django media static外部访问Django中的图片设置教程
2020/04/07 Python
Space NK英国站:英国热门美妆网站
2017/12/11 全球购物
水果花束:Fruit Bouquets
2017/12/20 全球购物
土木工程应届生自荐信
2013/09/24 职场文书
幼儿教师思想汇报
2014/01/10 职场文书
党员批评与自我批评
2014/02/12 职场文书
计划生育诚信协议书
2014/11/02 职场文书
《多彩的民间艺术》教学反思
2016/02/16 职场文书
干货:如何写好工作总结报告!
2019/05/10 职场文书