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 相关文章推荐
greybox——不开新窗口看新的网页
Feb 20 Javascript
选择TreeView控件的树状数据节点的JS方法(jquery)
Feb 06 Javascript
JQuery从头学起第一讲
Jul 04 Javascript
Javascript公共脚本库系列(一): 弹出层脚本
Feb 24 Javascript
jquery 表格的增行删行实现思路
Mar 21 Javascript
jquery单击事件和双击事件冲突解决方案
Mar 02 Javascript
vuejs绑定class和style样式
Apr 11 Javascript
Sublime Text新建.vue模板并高亮(图文教程)
Oct 26 Javascript
Node.js log4js日志管理详解
Jul 31 Javascript
JavaScript设计模式之模板方法模式原理与用法示例
Aug 07 Javascript
解决vue-quill-editor上传内容由于图片是base64的导致字符太长的问题
Aug 20 Javascript
基于element-ui封装可搜索的懒加载tree组件的实现
May 22 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
日本十大科幻动漫 宇宙骑士垫底,第一已成经典
2020/03/04 日漫
二进制交叉权限微型php类分享
2014/02/07 PHP
javascript判断ie浏览器6/7版本加载不同样式表的实现代码
2011/12/26 Javascript
点击弹出层效果&amp;弹出窗口后网页背景变暗效果的实现代码
2014/02/10 Javascript
NodeJS学习笔记之FS文件模块
2015/01/13 NodeJs
JavaScript实现常用二级省市级联下拉列表的方法
2015/03/25 Javascript
js实现同一页面多个运动效果的方法
2015/04/10 Javascript
jQuery树形下拉菜单特效代码分享
2015/08/15 Javascript
JS+CSS简单树形菜单实现方法
2015/09/12 Javascript
JavaScript中函数表达式和函数声明及函数声明与函数表达式的不同
2015/11/15 Javascript
瀑布流的实现方式(原生js+jquery+css3)
2020/06/28 Javascript
js复制内容到剪贴板代码,js复制代码的简单实例
2016/10/27 Javascript
深入理解Webpack 中路径的配置
2017/06/17 Javascript
Vue实现数据请求拦截
2019/10/23 Javascript
使用typescript改造koa开发框架的实现
2020/02/04 Javascript
JavaScript代码模拟鼠标自动点击事件示例
2020/08/07 Javascript
python搭建简易服务器分析与实现
2012/12/15 Python
Python多线程编程简单介绍
2015/04/13 Python
Tornado协程在python2.7如何返回值(实现方法)
2017/06/22 Python
对变量赋值的理解--Pyton中让两个值互换的实现方法
2017/11/29 Python
TensorFlow实现创建分类器
2018/02/06 Python
python远程邮件控制电脑升级版
2019/05/23 Python
Python 多线程其他属性以及继承Thread类详解
2019/08/28 Python
python向图片里添加文字
2019/11/26 Python
python3 常见解密加密算法实例分析【base64、MD5等】
2019/12/19 Python
Python 音频生成器的实现示例
2019/12/24 Python
python绘制雷达图实例讲解
2021/01/03 Python
python自动生成证件号的方法示例
2021/01/14 Python
html5 worker 实例(二) 图片变换效果
2013/06/24 HTML / CSS
房屋公证委托书
2014/04/03 职场文书
最常使用的求职信
2014/05/25 职场文书
关于感恩的演讲稿200字
2014/08/26 职场文书
党员四风自我剖析材料思想汇报
2014/09/13 职场文书
自主招生学校推荐信范文
2015/03/26 职场文书
html5实现点击弹出图片功能
2021/07/16 HTML / CSS
Java服务调用RestTemplate与HttpClient的使用详解
2022/06/21 Java/Android