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


Posted in PHP onDecember 28, 2016

本文实例讲述了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("https://3water.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("https://3water.com");
PHP 相关文章推荐
在服务端进行目录建立、删除,文件上传、删除的过程的php代码
Sep 10 PHP
PHP Memcached应用实现代码
Feb 08 PHP
PHP文章按日期(月日)SQL归档语句
Nov 29 PHP
php_screw 1.5:php加密: 安装与使用详解
Jun 20 PHP
php实现Session存储到Redis
Nov 11 PHP
PHP中模拟链表和链表的基本操作示例
Feb 27 PHP
Zend Framework框架之Zend_Mail实现发送Email邮件验证功能及解决标题乱码的方法
Mar 21 PHP
PHP GD库相关图像生成和处理函数小结
Sep 30 PHP
php实现用户注册密码的crypt加密
Jun 08 PHP
Laravel find in set排序实例
Oct 09 PHP
THINKPHP5.1 Config的配置与获取详解
Jun 08 PHP
Thinkphp极验滑动验证码实现步骤解析
Nov 24 PHP
PHP执行shell脚本运行程序不产生core文件的方法
Dec 28 #PHP
PHP MYSQL简易交互式站点开发
Dec 27 #PHP
Thinkphp框架 表单自动验证登录注册 ajax自动验证登录注册
Dec 27 #PHP
PHP面向对象程序设计类的定义与用法简单示例
Dec 27 #PHP
PHP面向对象程序设计OOP继承用法入门示例
Dec 27 #PHP
记录一次排查PHP脚本执行卡住的问题
Dec 27 #PHP
PHP串行化与反串行化实例分析
Dec 27 #PHP
You might like
修改apache配置文件去除thinkphp url中的index.php
2014/01/17 PHP
PHP批量生成静态HTML的简单原理和方法
2014/04/20 PHP
PHP命令行脚本接收传入参数的三种方式
2014/08/20 PHP
ThinkPHP中Session用法详解
2014/11/29 PHP
PHP  Yii清理缓存的实现方法
2016/11/10 PHP
javascript parseInt与Number函数的区别
2010/01/21 Javascript
JS中typeof与instanceof之间的区别总结
2013/11/14 Javascript
上传图片预览JS脚本 Input file图片预览的实现示例
2014/10/23 Javascript
js获取内联样式的方法
2015/01/27 Javascript
javascript中apply、call和bind的使用区别
2016/04/05 Javascript
jQuery插件datatables使用教程
2016/04/21 Javascript
Bootstrap下拉菜单效果实例代码分享
2016/06/30 Javascript
简单理解vue中track-by属性
2016/10/26 Javascript
JavaScript数组操作详解
2017/02/04 Javascript
基于zTree树形菜单的使用实例
2017/12/25 Javascript
浅谈node.js 命令行工具(cli)
2018/05/10 Javascript
Vue.js 中的 v-cloak 指令及使用详解
2018/11/19 Javascript
详解Python中for循环是如何工作的
2017/06/30 Python
PyTorch学习笔记之回归实战
2018/05/28 Python
python绘制圆柱体的方法
2018/07/02 Python
python实现决策树分类
2018/08/30 Python
对pandas的行列名更改与数据选择详解
2018/11/12 Python
python模拟实现分发扑克牌
2020/04/22 Python
基于Python实现体育彩票选号器功能代码实例
2020/09/16 Python
CSS3中文字镂空、透明值、阴影效果设置示例小结
2016/03/07 HTML / CSS
DJI大疆无人机官方商城:全球领先的无人飞行器研发和生产商
2016/12/21 全球购物
TripAdvisor斯洛伐克:阅读评论、比较价格和酒店预订
2018/04/25 全球购物
入党自我鉴定范文
2013/10/04 职场文书
医学毕业生自我鉴定
2013/10/30 职场文书
计算机软件个人的自荐信范文
2013/12/01 职场文书
庆元旦广播稿
2014/02/10 职场文书
2014年党务公开工作总结
2014/12/09 职场文书
2015年社会实践个人总结
2015/03/06 职场文书
2015年建筑工作总结报告
2015/05/04 职场文书
解除租赁合同协议书
2016/03/21 职场文书
MySQL 使用SQL语句修改表名的实现
2021/04/07 MySQL