js基于qrcode.js生成二维码的方法【附demo插件源码下载】

人只需不取得标的目标,就不会取得自己。有没有人爱,我们也要努力做一个可爱的人。不埋怨谁,不嘲笑谁,也不羡慕谁,阳光下灿烂,风雨中奔跑,做自己的梦,走自己的路。

本文实例讲述了js基于qrcode.js生成二维码的方法。分享给大家供大家参考,具体如下:

调用qrcode.js文件代码:

<!DOCTYPE html>
<html>
<head>
 <title></title>
 <meta charset="utf-8"/>
 <script src="js/qrcode.js"></script>
 <style>
 #qrcode{
  /*text-align: center;*/
  /*display: table-cell;*/
  /*width: 96px;*/
  /*height: 96px;*/
  /*vertical-align:middle;*/
  /*position: relative;*/
 }
 </style>
</head>
<body>
<div id="qrcode">
</div>
<input type="text" id="getval"/> <button id="send">点击更换验证码</button>
<script>
 window.onload =function(){
 var qrcode = new QRCode(document.getElementById("qrcode"), {
  width : 96,//设置宽高
  height : 96
 });
 qrcode.makeCode("//www.haodaima.com");
 document.getElementById("send").onclick =function(){
  qrcode.makeCode(document.getElementById("getval").value);
 }
 }
</script>
</body>
</html>

其中 调用方法:

var qrcode = new QRCode(elem, {
 width : 96,//设置宽高
 height : 96
});
qrcode.makeCode("//www.haodaima.com");

附:

qrcode.js可点击此处本站下载

这里再提供jquery.qrcode.min.js本站下载地址

PS:这里再为大家推荐两款二维码在线生成工具,免费供大家使用:

二维码在线生成工具(基础版):
http://tools.haodaima.com/transcoding/qrcode

在线生成二维码工具(加强版):
http://tools.haodaima.com/transcoding/jb51qrcode

希望本文所述对大家JavaScript程序设计有所帮助。

以上就是js基于qrcode.js生成二维码的方法【附demo插件源码下载】。点了盘鱼翅炒饭,换了三双筷子没找见一块鱼翅,厨师解释说“我叫鱼翅”。更多关于js基于qrcode.js生成二维码的方法【附demo插件源码下载】请关注haodaima.com其它相关文章!

您可能有感兴趣的文章
Laravel框架实现简单的学生信息管理平台案例【附源码下载】

原生PHP实现导出csv格式Excel文件的方法示例【附源码下载】

PHP模糊查询技术实例分析【附源码下载】

PHP+Ajax实现的无刷新分页功能详解【附demo源码下载】

php实现压缩合并js的方法【附demo源码下载】