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 at(@)符号的用法简介
Jul 11 PHP
PHP 内存缓存加速功能memcached安装与用法
Sep 03 PHP
PHP 计算代码执行耗时的代码修正网上普遍错误
May 14 PHP
从手册去理解分析PHP session机制
Jul 17 PHP
PHP5函数小全(分享)
Jun 06 PHP
利用yahoo汇率接口实现实时汇率转换示例 汇率转换器
Jan 14 PHP
使用PHP生成二维码的两种方法(带logo图像)
Mar 14 PHP
php使用session二维数组实例
Nov 06 PHP
Joomla语言翻译类Jtext用法分析
May 05 PHP
PHP Socket网络操作类定义与用法示例
Aug 30 PHP
php和vue配合使用技巧和方法
May 09 PHP
关于laravel模板中生成URL的几种模式总结
Oct 18 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
BBS(php &amp; mysql)完整版(三)
2006/10/09 PHP
phpmyadmin中配置文件现在需要绝密的短语密码的解决方法
2007/02/11 PHP
Linux Apache PHP Oracle 安装配置(具体操作步骤)
2013/06/17 PHP
浅析PHP7新功能及语法变化总结
2016/06/17 PHP
PHP递归遍历指定文件夹内的文件实现方法
2016/11/15 PHP
php使用Jpgraph创建柱状图展示年度收支表效果示例
2017/02/15 PHP
一个非常实用的php文件上传类
2017/07/04 PHP
PHP与Perl之间知识点区别整理
2019/03/19 PHP
奇妙的js
2007/09/24 Javascript
JS 密码强度验证(兼容IE,火狐,谷歌)
2010/03/15 Javascript
JS分割字符串并放入数组的函数
2011/07/04 Javascript
IE下使用cloneNode注意事项分享
2012/11/22 Javascript
jquery获取div宽度的实现思路与代码
2013/01/13 Javascript
JavaScript返回0-1之间随机数的方法
2015/04/06 Javascript
三种AngularJS中获取数据源的方式
2016/02/02 Javascript
JavaScript实现选中文字提示新浪微博分享效果
2017/06/15 Javascript
Vue2.0父组件与子组件之间的事件发射与接收实例代码
2017/09/19 Javascript
微信小程序顶部可滚动导航效果
2017/10/31 Javascript
react-native动态切换tab组件的方法
2018/07/07 Javascript
vue自动路由-单页面项目(非build时构建)
2019/04/30 Javascript
vue如何限制只能输入正负数及小数
2019/07/04 Javascript
微信小程序开发(二):页面跳转并传参操作示例
2020/06/01 Javascript
[04:28]DOTA2亚洲邀请赛小组赛第五日 TOP10精彩集锦
2015/02/03 DOTA
[01:59]翻天覆地,因你而变,7.20版本地图更新速览
2018/11/24 DOTA
python操作redis的方法
2015/07/07 Python
Python中的左斜杠、右斜杠(正斜杠和反斜杠)
2016/08/30 Python
Python猜数字算法题详解
2020/03/01 Python
django中url映射规则和服务端响应顺序的实现
2020/04/02 Python
查找廉价航班和发现新目的地:Kiwi.com
2019/02/25 全球购物
幼儿园英语教学反思
2014/01/30 职场文书
初中英语演讲稿
2014/04/29 职场文书
组织鉴定材料
2014/06/02 职场文书
企业与个人合作经营协议书
2014/11/01 职场文书
2015年秋季灭鼠工作总结
2015/07/27 职场文书
十大动画制作软件,Adobe产品上榜两款,第一是行业标准软件
2022/03/18 杂记
「SHOW BY ROCK!!」“雫シークレットマインド”组合单曲MV公开
2022/03/21 日漫