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程序实现支持页面后退的两种方法
Jun 30 PHP
PHP 开发环境配置(Zend Server安装)
Apr 28 PHP
php5.3 废弃函数小结
May 16 PHP
PHP 验证码不显示只有一个小红叉的解决方法
Sep 30 PHP
PHP微框架Dispatch简介
Jun 12 PHP
async和DOM Script文件加载比较
Jul 20 PHP
php设计模式之简单工厂模式详解
Sep 04 PHP
php5.3不能连接mssql数据库的解决方法
Dec 27 PHP
PHP递归实现层级树状展开
Apr 01 PHP
PHP Filter过滤器全面解析
Aug 09 PHP
php 后端实现JWT认证方法示例
Sep 04 PHP
PHP验证类的封装与使用方法详解
Jan 10 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
供参考的 php 学习提高路线分享
2011/10/23 PHP
php入门之连接mysql数据库的一个类
2012/04/21 PHP
使用迭代器 遍历文件信息的详解
2013/06/08 PHP
解析php中的escape函数
2013/06/29 PHP
PHP代码实现表单数据验证类
2015/07/28 PHP
双冒号 ::在PHP中的使用情况
2015/11/05 PHP
javascript实现二分查找法实现代码
2007/11/12 Javascript
JS解密入门之凭直觉解
2008/06/25 Javascript
对象特征检测法判断浏览器对javascript对象的支持
2009/07/25 Javascript
基于jquery的Repeater实现代码
2010/07/17 Javascript
javascript 实现键盘上下左右功能的小例子
2013/09/15 Javascript
jquery判断元素是否隐藏的多种方法
2014/05/06 Javascript
js子页面获取父页面数据示例
2014/05/15 Javascript
jquery实现翻动fadeIn显示的方法
2015/03/05 Javascript
jQuery密码强度检测插件passwordStrength用法实例分析
2015/10/30 Javascript
jQuery实现本地预览上传图片功能
2016/01/08 Javascript
基于js中的原型(全面讲解)
2017/09/19 Javascript
JS排序算法之冒泡排序,选择排序与插入排序实例分析
2017/12/13 Javascript
Node错误处理笔记之挖坑系列教程
2018/06/05 Javascript
JavaScript事件发布/订阅模式原理与用法分析
2018/08/21 Javascript
解决antd 表单设置默认值initialValue后验证失效的问题
2020/11/02 Javascript
基于JavaScript实现简单扫雷游戏
2021/01/02 Javascript
[52:02]DOTA2-DPC中国联赛 正赛 Phoenix vs Dragon BO3 第二场 2月26日
2021/03/11 DOTA
python 多进程通信模块的简单实现
2014/02/20 Python
Python中itertools模块用法详解
2014/09/25 Python
浅谈python新手中常见的疑惑及解答
2016/06/14 Python
flask框架使用orm连接数据库的方法示例
2018/07/16 Python
python解析json串与正则匹配对比方法
2018/12/20 Python
matplotlib阶梯图的实现(step())
2021/03/02 Python
中学生家长评语大全
2014/04/16 职场文书
法人任命书范本
2014/06/04 职场文书
给领导的感谢信范文
2015/01/23 职场文书
2016新年慰问信范文
2015/03/25 职场文书
解决Pytorch dataloader时报错每个tensor维度不一样的问题
2021/05/28 Python
CSS实现切角+边框+投影+内容背景色渐变效果
2021/11/01 HTML / CSS
Rust中的Struct使用示例详解
2022/08/14 Javascript