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 相关文章推荐
windwos下使用php连接oracle数据库的过程分享
May 26 PHP
PHP根据传来的16进制颜色代码自动改变背景颜色
Jun 13 PHP
php简单定时执行任务的实现方法
Feb 23 PHP
php使用指定编码导出mysql数据到csv文件的方法
Mar 31 PHP
wampserver改变默认网站目录的办法
Aug 05 PHP
php冒泡排序与快速排序实例详解
Dec 07 PHP
PHP 中提示undefined index如何解决(多种方法)
Mar 16 PHP
PHP编写daemon process详解及实例代码
Sep 30 PHP
php 微信公众平台开发模式实现多客服的实例代码
Nov 07 PHP
php获取数据库结果集方法(推荐)
Jun 01 PHP
PHP addcslashes()函数讲解
Feb 03 PHP
Yii框架where查询用法实例分析
Oct 22 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
动画 《Pokemon Sword·Shield》系列WEB动画《薄明之翼》第2话声优阵容公开!
2020/03/06 日漫
一个阿拉伯数字转中文数字的函数
2006/10/09 PHP
PHPMailer安装方法及简单实例
2008/11/25 PHP
PHP实现简单实用的验证码类
2015/07/29 PHP
PHP的Yii框架的基本使用示例
2015/08/21 PHP
PHP实现的通过参数生成MYSQL语句类完整实例
2016/04/11 PHP
PHP中include和require的区别实例分析
2017/05/07 PHP
PHP接入微信H5支付的方法示例
2019/10/28 PHP
JavaScript图片放大技术(放大镜)实现代码分享
2013/11/14 Javascript
js select option对象小结
2013/12/20 Javascript
Linux下编译安装php libevent扩展实例
2015/02/14 Javascript
JavaScript使用二分查找算法在数组中查找数据的方法
2015/04/07 Javascript
js创建对象几种方式的优缺点对比
2016/09/28 Javascript
深入学习jQuery中的data()
2016/12/22 Javascript
JS查找数组中重复元素的方法详解
2017/06/14 Javascript
Vue.js中的computed工作原理
2018/03/22 Javascript
JS实现520 表白简单代码
2018/05/21 Javascript
用Vue.js在浏览器中实现裁剪图像功能
2019/06/18 Javascript
javascript实现扫雷简易版
2020/08/18 Javascript
JS变量提升及函数提升实例解析
2020/09/03 Javascript
Vue实现小购物车功能
2020/12/21 Vue.js
[01:06:39]DOTA2上海特级锦标赛主赛事日 - 1 胜者组第一轮#1Liquid VS Alliance第三局
2016/03/02 DOTA
[01:06:32]DOTA2上海特级锦标赛D组资格赛#1 EG VS VP第一局
2016/02/28 DOTA
python3简单实现微信爬虫
2015/04/09 Python
Python使用matplotlib实现在坐标系中画一个矩形的方法
2015/05/20 Python
python+selenium实现京东自动登录及秒杀功能
2017/11/18 Python
Python基于辗转相除法求解最大公约数的方法示例
2018/04/04 Python
修复 Django migration 时遇到的问题解决
2018/06/14 Python
Python Pexpect库的简单使用方法
2019/01/29 Python
Python面向对象之类和实例用法分析
2019/06/08 Python
荷兰网上鞋店:Ziengs.nl
2017/01/02 全球购物
Contém1g官网:巴西彩妆品牌
2020/01/17 全球购物
应用心理学个人的求职信
2013/12/08 职场文书
vue+springboot实现登录验证码
2021/05/27 Vue.js
浅谈JavaScript浅拷贝和深拷贝
2021/11/07 Javascript
volatile保证可见性及重排序方法
2022/08/05 Java/Android