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 相关文章推荐
一个对于Array的简单扩展
Oct 03 Javascript
如何让动态插入的javascript脚本代码跑起来。
Jan 09 Javascript
让任务管理器中的CPU跳舞的js代码
Nov 01 Javascript
js父窗口关闭时子窗口随之关闭完美解决方案
Apr 29 Javascript
jQuery实现返回顶部功能适合不支持js的浏览器
Aug 19 Javascript
详解Jquery实现ready和bind事件
Apr 14 Javascript
JS学习之表格的排序简单实例
May 16 Javascript
jQuery Password Validation密码验证
Dec 30 Javascript
mui上拉加载功能实例详解
Apr 13 Javascript
js如何实现元素曝光上报
Aug 07 Javascript
javascript实现计算器功能
Mar 30 Javascript
vue中封装axios并实现api接口的统一管理
Dec 25 Vue.js
详解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函数
2006/10/09 PHP
PHP 彩色文字实现代码
2009/06/29 PHP
用PHP实现小写金额转换大写金额的代码(精确到分)
2012/01/10 PHP
Drupal简体中文语言包安装教程
2014/09/27 PHP
ecshop后台编辑器替换成ueditor编辑器
2015/03/03 PHP
php如何实现只替换一次或N次
2015/10/29 PHP
使用PHP实现下载CSS文件中的图片
2015/12/06 PHP
php经典趣味算法实例代码
2020/01/21 PHP
javascript的字符串按引用复制和传递,按值来比较介绍与应用
2012/12/28 Javascript
把jquery 的dialog和ztree结合实现步骤
2013/08/02 Javascript
使用impress.js制作幻灯片
2015/09/09 Javascript
基于JavaScript代码实现兼容各浏览器的设为首页和加入收藏
2016/01/07 Javascript
js动态生成form 并用ajax方式提交的实现方法
2016/09/09 Javascript
老生常谈jacascript DOM节点获取
2017/04/17 Javascript
使用ES6语法重构React代码详解
2017/05/09 Javascript
基于js 字符串indexof与search方法的区别(详解)
2017/12/04 Javascript
node内置调试方法总结
2018/02/22 Javascript
脚手架vue-cli工程webpack的基本用法详解
2018/09/29 Javascript
JS块级作用域和私有变量实例分析
2019/05/11 Javascript
详解Vue3 Teleport 的实践及原理
2020/12/02 Vue.js
python基础教程之面向对象的一些概念
2014/08/29 Python
python基础教程之Filter使用方法
2017/01/17 Python
PyTorch的深度学习入门教程之构建神经网络
2019/06/27 Python
Python帮你微信头像任意添加装饰别再@微信官方了
2019/09/25 Python
pytorch对梯度进行可视化进行梯度检查教程
2020/02/04 Python
Python paramiko 模块浅谈与SSH主要功能模拟解析
2020/02/29 Python
浅谈优化Django ORM中的性能问题
2020/07/09 Python
Html5+JS实现手机摇一摇功能
2015/04/24 HTML / CSS
详解canvas绘制网络字体几种方法
2019/08/27 HTML / CSS
End Clothing美国站:英国男士潮牌商城
2018/04/20 全球购物
YesBabyOnline美国:全球性的在线婚纱礼服工厂
2018/05/05 全球购物
戴森英国官网:Dyson英国
2019/05/07 全球购物
工商管理专业实习生自我鉴定
2013/09/29 职场文书
印刷工程专业应届生求职信
2013/09/29 职场文书
小学教育毕业生自荐信
2013/11/18 职场文书
养成教育工作总结
2015/08/13 职场文书