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 curl参数的详解
Jun 17 PHP
解析php 版获取重定向后的地址(代码)
Jun 26 PHP
php网站地图生成类示例
Jan 13 PHP
php无限极分类递归排序实现方法
Nov 11 PHP
基于GD2图形库的PHP生成图片缩略图类代码分享
Feb 08 PHP
PHP将session信息存储到数据库的类实例
Mar 04 PHP
PHP使用缓存即时输出内容(output buffering)的方法
Aug 03 PHP
使用JavaScript创建新样式表和新样式规则
Jun 14 PHP
关于ThinkPHP中的异常处理详解
May 11 PHP
Laravel5.5 手动分页和自定义分页样式的简单实现
Oct 15 PHP
php实现JWT验证的实例教程
Nov 26 PHP
PhpSpreadsheet中文文档 | Spreadsheet操作教程实例
Apr 01 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
Ajax PHP分页演示
2007/01/02 PHP
PHP 执行系统外部命令 system() exec() passthru()
2009/08/11 PHP
PHP 信号管理知识整理汇总
2017/02/19 PHP
PHP获取对象属性的三种方法实例分析
2019/01/03 PHP
Laravel框架运行出错提示RuntimeException No application encryption key has been specified.解决方法
2019/04/02 PHP
获取Javscript执行函数名称的方法
2006/12/22 Javascript
jquery ajax提交表单数据的两种实现方法
2010/04/29 Javascript
web css实现整站样式互相切换
2013/10/29 Javascript
JQuery实现鼠标移动到图片上显示边框效果
2014/01/09 Javascript
jquery动态更换设置背景图的方法
2014/03/25 Javascript
给应用部分的js代码设定一个统一的入口
2014/06/15 Javascript
jQuery Validate初步体验(二)
2015/12/12 Javascript
thinkphp实现无限分类(使用递归)
2015/12/19 Javascript
BootStrap使用file-input插件上传图片的方法
2016/09/05 Javascript
微信小程序 简单DEMO布局,逻辑,样式的练习
2016/11/30 Javascript
使用vuex解决刷新页面state数据消失的问题记录
2019/05/08 Javascript
python完成FizzBuzzWhizz问题(拉勾网面试题)示例
2014/05/05 Python
python django 增删改查操作 数据库Mysql
2017/07/27 Python
Python numpy 常用函数总结
2017/12/07 Python
今天 平安夜 Python 送你一顶圣诞帽 @微信官方
2017/12/25 Python
利用Pyhton中的requests包进行网页访问测试的方法
2018/12/26 Python
Python Gitlab Api 使用方法
2019/08/28 Python
浅析几个CSS3常用功能的写法
2014/06/05 HTML / CSS
Topman美国官网:英国著名的国际平价时尚男装品牌
2017/12/22 全球购物
C#面试常见问题
2013/02/25 面试题
财务方面个人工作的自我评价
2013/12/28 职场文书
秋季运动会广播稿
2014/02/22 职场文书
股份转让协议书
2014/04/12 职场文书
美术社团活动总结
2014/06/27 职场文书
影视广告专业求职信
2014/09/02 职场文书
大学拉赞助协议书范文
2014/09/26 职场文书
优秀团员个人总结
2015/02/26 职场文书
大学生求职简历自我评价
2015/03/02 职场文书
保研推荐信格式
2015/03/25 职场文书
left join、inner join、right join的区别
2021/04/05 MySQL
详解Python为什么不用设计模式
2021/06/24 Python