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的FTP学习(一)[转自奥索]
Oct 09 PHP
如何对PHP程序中的常见漏洞进行攻击(上)
Oct 09 PHP
用PHP和ACCESS写聊天室(七)
Oct 09 PHP
PHP实现采集程序原理和简单示例代码
Mar 18 PHP
PHP Session变量不能传送到下一页的解决方法
Nov 27 PHP
PHP读取ACCESS数据到MYSQL的代码
May 11 PHP
Symfony2联合查询实现方法
Mar 18 PHP
ThinkPHP实现分页功能
Apr 28 PHP
PHP检查网站是否宕机的方法示例
Jul 24 PHP
php通过header发送自定义数据方法
Jan 18 PHP
通过源码解析Laravel的依赖注入
Jan 22 PHP
laravel-admin解决表单select联动时,编辑默认没选上的问题
Sep 30 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新手谈谈我的学习心得
2007/02/25 PHP
PHP图片验证码制作实现分享(全)
2012/05/10 PHP
用C/C++扩展你的PHP 为你的php增加功能
2012/09/06 PHP
PHP中数字检测is_numeric与ctype_digit的区别介绍
2012/10/04 PHP
PHP错误Parse error: syntax error, unexpected end of file in test.php on line 12解决方法
2014/06/23 PHP
PHP在线打包下载功能示例
2016/10/15 PHP
php实现跨域提交form表单的方法【2种方法】
2016/10/17 PHP
html读出文本文件内容
2007/01/22 Javascript
JQuery实现自定义对话框的代码
2008/06/15 Javascript
eclipse如何忽略js文件报错(附图)
2013/10/30 Javascript
原生js和jquery中有关透明度设置的相关问题
2014/01/08 Javascript
javascript无刷新评论实现方法
2015/05/13 Javascript
jQuery复制表单元素附源码分享效果演示
2015/09/30 Javascript
浅析js中substring和substr的方法
2015/11/09 Javascript
JavaScript电子时钟倒计时第二款
2016/01/10 Javascript
window.close(); 关闭浏览器窗口js代码的总结介绍
2016/07/14 Javascript
jQuery居中元素scrollleft计算方法示例
2017/01/16 Javascript
jQuery ajax请求struts action实现异步刷新
2017/04/19 jQuery
详细分析单线程JS执行问题
2017/11/22 Javascript
使用vue-infinite-scroll实现无限滚动效果
2018/06/22 Javascript
JavaScript内置对象math,global功能与用法实例分析
2019/06/10 Javascript
vue实现下拉加载其实没那么复杂
2019/08/13 Javascript
layui禁用侧边导航栏点击事件的解决方法
2019/09/25 Javascript
详解Vue后台管理系统开发日常总结(组件PageHeader)
2019/11/01 Javascript
vue中实现点击按钮滚动到页面对应位置的方法(使用c3平滑属性实现)
2019/12/29 Javascript
Python中自定义函数的教程
2015/04/27 Python
Python使用PIL模块生成随机验证码
2017/11/21 Python
python入门前的第一课 python怎样入门
2018/03/06 Python
Python变量赋值的秘密分享
2018/04/03 Python
浅析python标准库中的glob
2020/03/13 Python
python-图片流传输的思路及示例(url转换二维码)
2020/12/21 Python
数控技术专科生自我评价
2014/01/08 职场文书
我的理想演讲稿
2014/04/30 职场文书
艺术教育实施方案
2014/05/03 职场文书
保研专家推荐信范文
2015/03/25 职场文书
关于感恩的素材句子(38句)
2019/11/11 职场文书