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 相关文章推荐
我的群发邮件程序
Oct 09 PHP
php 文件上传实例代码
Apr 19 PHP
PHP数据集构建JSON格式及新数组的方法
Nov 07 PHP
深入PHP nl2br()格式化输出的详解
Jun 05 PHP
如何给phpcms v9增加类似于phpcms 2008中的关键词表
Jul 01 PHP
正确的PHP匹配UTF-8中文的正则表达式
May 13 PHP
php使用array_search函数实现数组查找的方法
Jun 12 PHP
详解php用curl调用接口方法,get和post两种方式
Jan 13 PHP
PHP微信开发之微信录音临时转永久存储
Jan 26 PHP
php微信支付之公众号支付功能
May 30 PHP
php/JS实现的生成随机密码(验证码)功能示例
Jun 06 PHP
PHP isset empty函数相关面试题及解析
Dec 11 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
WordPress中用于更新伪静态规则的PHP代码实例讲解
2015/12/18 PHP
php实现当前页面点击下载文件的实例代码
2016/11/16 PHP
PHP实现分布式memcache设置web集群session同步的方法
2018/04/10 PHP
关于IE7 IE8弹出窗口顶上
2008/12/22 Javascript
JavaScript中的object转换成number或string规则介绍
2014/12/31 Javascript
JavaScript学习笔记之Cookie对象
2015/01/22 Javascript
javascript中DOM复选框选择用法实例
2015/05/14 Javascript
简单理解vue中Props属性
2016/10/27 Javascript
深入理解Vue2.x的虚拟DOM diff原理
2017/09/27 Javascript
Puppeteer 爬取动态生成的网页实战
2018/11/14 Javascript
element vue Array数组和Map对象的添加与删除操作
2018/11/14 Javascript
JS判断数组里是否有重复元素的方法小结
2019/05/21 Javascript
Vue3.0结合bootstrap创建多页面应用
2019/05/28 Javascript
[03:55]TI9战队采访——TNC Predator
2019/08/22 DOTA
常见python正则用法的简单实例
2016/06/21 Python
Python实现将一个大文件按段落分隔为多个小文件的简单操作方法
2017/04/17 Python
mysql 之通过配置文件链接数据库
2017/08/12 Python
python pandas 对时间序列文件处理的实例
2018/06/22 Python
10分钟教你用Python实现微信自动回复功能
2018/11/28 Python
Python Unittest根据不同测试环境跳过用例的方法
2018/12/16 Python
Python如何实现小程序 无限求和平均
2020/02/18 Python
Python matplotlib修改默认字体的操作
2020/03/05 Python
Python3.9新特性详解
2020/10/10 Python
Python Socket多线程并发原理及实现
2020/12/11 Python
世界上最大的二手相机店:KEN
2017/05/17 全球购物
伯利陶器:Burleigh Pottery
2018/01/03 全球购物
英国玛莎百货新西兰:Marks & Spencer New Zealand
2019/07/21 全球购物
当x.equals(y)等于true时,x.hashCode()与y.hashCode()可以不相等,这句话对不对
2015/05/02 面试题
森林防火标语
2014/06/23 职场文书
党的群众路线教育实践活动对照检查材料(个人)
2014/09/24 职场文书
企业法人授权委托书
2014/09/25 职场文书
四川省传达学习贯彻党的群众路线教育实践活动总结大会精神新闻稿
2014/10/26 职场文书
工作简报格式范文
2015/07/21 职场文书
SpringBoot工程下使用OpenFeign的坑及解决
2021/07/02 Java/Android
mysql脏页是什么
2021/07/26 MySQL
深入理解CSS 中 transform matrix矩阵变换问题
2021/08/30 HTML / CSS