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 关闭浏览器 (不弹出提示框)
Jan 31 Javascript
JQuery 选择和过滤方法代码总结
Nov 19 Javascript
什么是cookie?js手动创建和存储cookie
May 27 Javascript
jquery+css实现动感的图片切换效果
Nov 25 Javascript
深入浅析AngularJS中的一次性数据绑定 (bindonce)
May 11 Javascript
vue基于mint-ui的城市选择3级联动的示例
Oct 25 Javascript
vue组件间通信子与父详解(二)
Nov 07 Javascript
vue 动态修改a标签的样式的方法
Jan 18 Javascript
mpvue构建小程序的方法(步骤+地址)
May 22 Javascript
JavaScript数据结构与算法之二叉树添加/删除节点操作示例
Mar 01 Javascript
vue之组件内监控$store中定义变量的变化详解
Nov 08 Javascript
详解vue beforeEach 死循环问题解决方法
Feb 25 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
虹吸壶是谁发明的?煮出来的咖啡好喝吗
2021/03/04 冲泡冲煮
cache_lite试用
2007/02/14 PHP
PHP 操作文件的一些FAQ总结
2009/02/12 PHP
PHP可逆加密/解密函数分享
2012/09/25 PHP
php检测网页是否被百度收录的函数代码
2013/10/09 PHP
thinkphp ajaxfileupload实现异步上传图片的示例
2017/08/28 PHP
Javascript常用运算符(Operators)-javascript基础教程
2007/12/14 Javascript
window.parent与window.openner区别介绍
2012/04/12 Javascript
jQuery的Ajax的自动完成功能控件简要说明
2013/02/22 Javascript
Vue.js 中的 $watch使用方法
2017/05/25 Javascript
IE11下使用canvas.toDataURL报SecurityError错误的解决方法
2017/11/19 Javascript
JavaScript判断变量名是否存在数组中的实例
2017/12/28 Javascript
vue路由导航守卫和请求拦截以及基于node的token认证的方法
2019/04/07 Javascript
vue 源码解析之虚拟Dom-render
2019/08/26 Javascript
JS+CSS实现随机点名(实例代码)
2019/11/04 Javascript
JS实现炫酷轮播图
2020/11/15 Javascript
如何处理Python3.4 使用pymssql 乱码问题
2016/01/08 Python
Django中cookie的基本使用方法示例
2018/02/03 Python
简单了解django索引的相关知识
2019/07/17 Python
tensorflow自定义激活函数实例
2020/02/04 Python
python异常处理、自定义异常、断言原理与用法分析
2020/03/23 Python
Spring http服务远程调用实现过程解析
2020/06/11 Python
python 中的9个实用技巧,助你提高开发效率
2020/08/30 Python
Becextech新西兰:数码单反相机和手机在线商店
2018/04/27 全球购物
制冷与电控专业应届生求职信
2013/11/11 职场文书
《乡愁》教学反思
2014/02/18 职场文书
元宵节晚会主持人串词
2014/03/25 职场文书
《三个小伙伴》教学反思
2014/04/11 职场文书
会议接待欢迎标语
2014/10/08 职场文书
员工2014年度工作总结
2014/12/09 职场文书
教师先进个人材料
2014/12/17 职场文书
机械生产实习心得体会
2016/01/22 职场文书
2016先进集体事迹材料范文
2016/02/25 职场文书
2016年幼儿园万圣节活动总结
2016/04/05 职场文书
「月刊Comic Alive」2022年5月号封面公开
2022/03/21 日漫
关于EntityWrapper的in用法
2022/03/22 Java/Android