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 相关文章推荐
php4的session功能评述(三)
Oct 09 PHP
一个用php实现的获取URL信息的类
Jan 02 PHP
PHP动态创建Web站点的方法
Aug 14 PHP
基于ubuntu下nginx+php+mysql安装配置的具体操作步骤
Apr 28 PHP
如何用php生成扭曲及旋转的验证码图片
Jun 07 PHP
ueditor 1.2.6 使用方法说明
Jul 24 PHP
10款实用的PHP开源工具
Oct 23 PHP
讲解WordPress中用于获取评论模板和搜索表单的PHP函数
Dec 28 PHP
ThinkPHP静态缓存简单配置和使用方法详解
Mar 23 PHP
PHP实现的获取文件mimes类型工具类示例
Apr 08 PHP
PHP使用pdo连接access数据库并循环显示数据操作示例
Jun 05 PHP
Yii 框架入口脚本示例分析
May 19 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
一个改进的UBB类
2006/10/09 PHP
PHP缩略图等比例无损压缩,可填充空白区域补充色
2011/06/10 PHP
php替换超长文本中的特殊字符的函数代码
2012/05/22 PHP
微信公众号点击菜单即可打开并登录微站的实现方法
2014/11/14 PHP
php使用指定编码导出mysql数据到csv文件的方法
2015/03/31 PHP
javascript下判断一个元素是否存在的代码
2010/03/05 Javascript
javascript利用apply和arguments复用方法
2013/11/25 Javascript
调试代码导致IE出错的避免方法
2014/04/04 Javascript
jQuery操作元素css样式的三种方法
2014/06/04 Javascript
JavaScript中用getDate()方法返回指定日期的教程
2015/06/09 Javascript
ECMAScript6函数剩余参数(Rest Parameters)
2015/06/12 Javascript
Bootstrap实现带动画过渡的弹出框
2016/08/09 Javascript
利用AngularJs实现京东首页轮播图效果
2016/09/08 Javascript
解决vue中虚拟dom,无法实时更新的问题
2018/09/15 Javascript
Vue表单绑定的实例代码(单选按钮,选择框(单选时,多选时,用 v-for 渲染的动态选项)
2019/05/13 Javascript
Vue3 响应式侦听与计算的实现
2020/11/11 Javascript
把MySQL表结构映射为Python中的对象的教程
2015/04/07 Python
Python3读取zip文件信息的方法
2015/05/22 Python
Python解析json文件相关知识学习
2016/03/01 Python
django模型层(model)进行建表、查询与删除的基础教程
2017/11/21 Python
Python数据可视化正态分布简单分析及实现代码
2017/12/04 Python
python实现爬取图书封面
2018/07/05 Python
Python面向对象之接口、抽象类与多态详解
2018/08/27 Python
pytorch 获取层权重,对特定层注入hook, 提取中间层输出的方法
2019/08/17 Python
利用python对mysql表做全局模糊搜索并分页实例
2020/07/12 Python
python利用蒙版抠图(使用PIL.Image和cv2)输出透明背景图
2020/08/04 Python
使用Python下载抖音各大V视频的思路详解
2021/02/06 Python
详解CSS3的图层阴影和文字阴影效果使用
2016/06/09 HTML / CSS
意大利领先的线上奢侈品销售电商:Eleonora Bonucci
2017/10/17 全球购物
意大利制造的男鞋和女鞋:SCAROSSO
2018/03/07 全球购物
澳大利亚领先的折扣药房:Chemist Direct(有中文站)
2018/11/24 全球购物
会计专业个人自我鉴定
2014/03/21 职场文书
庆元旦文艺演出主持词
2014/03/27 职场文书
2014年路政工作总结
2014/12/10 职场文书
小公司融资,商业计划书的8切记
2019/07/15 职场文书
浅谈MySQL next-key lock 加锁范围
2021/06/07 MySQL