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 相关文章推荐
收集的DedeCMS一些使用经验
Mar 17 PHP
在WINDOWS中设置计划任务执行PHP文件的方法
Dec 19 PHP
PHP 利用AJAX获取网页并输出的实现代码(Zjmainstay)
Aug 31 PHP
PHP常用数组函数介绍
Jul 28 PHP
PHP之autoload运行机制实例分析
Aug 28 PHP
配置php.ini实现PHP文件上传功能
Nov 27 PHP
php将csv文件导入到mysql数据库的方法
Dec 24 PHP
PHP实现图片不变型裁剪及图片按比例裁剪的方法
Jan 14 PHP
PHP解压ZIP文件到指定文件夹的方法
Nov 17 PHP
利用phpexcel对数据库数据的导入excel(excel筛选)、导出excel
Apr 27 PHP
浅谈Laravel中的一个后期静态绑定
Aug 11 PHP
PHP获取真实IP及IP模拟方法解析
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
jq的get传参数在utf-8中乱码问题的解决php版
2008/07/23 PHP
谈谈关于php的优点与缺点
2013/04/11 PHP
php实现购物车功能(上)
2020/07/23 PHP
laravel 自定义常量的两种方案
2019/10/14 PHP
JQuery 表单中textarea字数限制实现代码
2009/12/07 Javascript
常用js字符串判断方法整理
2013/10/18 Javascript
一款基jquery超炫的动画导航菜单可响应单击事件
2014/11/02 Javascript
NodeJS学习笔记之Connect中间件模块(二)
2015/01/27 NodeJs
jQuery插件支持同一页面被多次调用
2016/02/14 Javascript
基于JQuery的$.ajax方法进行异步请求导致页面闪烁的解决办法
2016/05/10 Javascript
AngularJS基础 ng-keydown 指令简单示例
2016/08/02 Javascript
使用AngularJS编写多选按钮选中时触发指定方法的指令代码详解
2017/07/24 Javascript
jquery动态赋值id与动态取id方法示例
2017/08/21 jQuery
详解React Native顶|底部导航使用小技巧
2017/09/14 Javascript
vue 使用ref 让父组件调用子组件的方法
2018/02/08 Javascript
vue3.0中的双向数据绑定方法及优缺点
2019/08/01 Javascript
vue项目中使用AES实现密码加密解密(ECB和CBC两种模式)
2019/08/12 Javascript
python实现获取序列中最小的几个元素
2014/09/25 Python
python分批定量读取文件内容,输出到不同文件中的方法
2018/12/08 Python
Python实现钉钉发送报警消息的方法
2019/02/20 Python
简单了解python反射机制的一些知识
2019/07/13 Python
Flask中sqlalchemy模块的实例用法
2020/08/02 Python
Python判断变量是否是None写法代码实例
2020/10/09 Python
html5构建触屏网站之网站尺寸探讨
2013/01/07 HTML / CSS
Gloeilampgoedkoop荷兰:在线购买灯泡
2019/02/16 全球购物
编程实现当输入某产品代码则打印出该产品记录的功能
2014/05/03 面试题
篝火晚会主持词
2014/03/25 职场文书
警校毕业生自我评价
2014/04/06 职场文书
优秀护士演讲稿
2014/04/30 职场文书
2014年度党员自我评议
2014/09/13 职场文书
档案接收函格式
2015/01/30 职场文书
python实现腾讯滑块验证码识别
2021/04/27 Python
Matlab如何实现矩阵复制扩充
2021/06/02 Python
Eclipse+Java+Swing+Mysql实现电影购票系统(详细代码)
2022/01/18 Java/Android
css3应用示例:新增的选择器
2022/03/16 HTML / CSS
MySQL日期时间函数知识汇总
2022/03/17 MySQL