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代码
Jul 17 PHP
php下利用curl判断远程文件是否存在的实现代码
Oct 08 PHP
解析用PHP实现var_export的详细介绍
Jun 20 PHP
php将mysql数据库整库导出生成sql文件的具体实现
Jan 08 PHP
ThinkPHP调用百度翻译类实现在线翻译
Jun 26 PHP
PHP四舍五入、取整、round函数使用示例
Feb 06 PHP
PHP面向对象程序设计实例分析
Jan 26 PHP
PHP实现将多个文件中的内容合并为新文件的方法示例
Jun 10 PHP
创建无限极分类树型结构的简单方法
Jun 20 PHP
PHP排序算法之堆排序(Heap Sort)实例详解
Apr 21 PHP
Phpstorm+Xdebug断点调试PHP的方法
May 14 PHP
php 的多进程操作实践案例分析
Feb 28 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+apc实现上传进度条且在IE7下不显示的问题解决方法
2013/04/25 PHP
PHP获取POST数据的几种方法汇总
2015/03/03 PHP
php web环境和命令行环境下查找php.ini的位置
2019/07/17 PHP
JavaScript读取中文cookie时的乱码问题的解决方法
2009/10/14 Javascript
JS input文本框禁用右键和复制粘贴功能的代码
2010/04/15 Javascript
node.js中的fs.write方法使用说明
2014/12/15 Javascript
同一个网页中实现多个JavaScript特效的方法
2015/02/02 Javascript
Javascript中的apply()方法浅析
2015/03/15 Javascript
javaScript实现可缩放的显示区效果代码
2015/10/26 Javascript
php基于redis处理session的方法
2016/03/14 Javascript
浅谈JavaScript异步编程
2017/01/20 Javascript
jQuery中绑定事件bind() on() live() one()的异同
2017/02/23 Javascript
js中的DOM模拟购物车功能
2017/03/22 Javascript
tab栏切换原理
2017/03/22 Javascript
Angular.Js中ng-include指令的使用与实现
2017/05/07 Javascript
利用React Router4实现的服务端直出渲染(SSR)
2019/01/07 Javascript
vue学习笔记之slot插槽基本用法实例分析
2020/02/01 Javascript
Vue自定义组件的四种方式示例详解
2020/02/28 Javascript
Python 序列化 pickle/cPickle模块使用介绍
2014/11/30 Python
Python基于回溯法子集树模板解决找零问题示例
2017/09/11 Python
NumPy 数学函数及代数运算的实现代码
2018/07/18 Python
python实现桌面托盘气泡提示
2019/07/29 Python
Python with标签使用方法解析
2020/01/17 Python
Python基于codecs模块实现文件读写案例解析
2020/05/11 Python
Pycharm Plugins加载失败问题解决方案
2020/11/28 Python
台湾乐天市场:日本No.1的网路购物网站
2017/03/22 全球购物
Redbubble法国:由独立艺术家设计的独特产品
2019/01/08 全球购物
Bulk Powders意大利:运动补充在线商店
2019/02/09 全球购物
机电专业个人自荐信格式模板
2013/09/23 职场文书
手机业务员岗位职责
2013/12/13 职场文书
2014年冬季防火方案
2014/05/21 职场文书
小学生十佳少年事迹材料
2014/08/20 职场文书
学校政风行风评议心得体会
2014/10/21 职场文书
2015年大学学生会工作总结
2015/05/13 职场文书
中秋联欢会主持词
2015/07/04 职场文书
python处理json数据文件
2022/04/11 Python