jQuery实现⼆维码扫描功能
⼆维码:利⽤图形模拟⼆进制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;
jquery框架原理
$("#bt").click(function() {
$("#count").text(++i);
$("#code").text(""); //初始化⼆维码的位置
jQuery('#code').qrcode({
render : "canvas",//也可以替换为table
width : 100,
height : 100,
text : "www.baidu" //⼆维码内置内容,如果时URL形式⼀般浏览器会⾃动加载
});
});
效果:
以上就是本⽂的全部内容,希望对⼤家的学习有所帮助,也希望⼤家多多⽀持。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。