网站开发进阶(十四)JS实现二维码生成
来源:互联网 发布:南京java工资一般多少 编辑:程序博客网 时间:2024/06/09 16:19
JS实现二维码生成
绪
项目开发原语:已然花费半天的时间,仍旧未能将二维码显示在订单中。但是可以在单个页面中显示二维码,结合到angularjs的控制器中就失效了,自己是真的找不到其中的原因了。费解!刚开始怀疑是遮挡的问题,结果将位置更改之后还是不能显示。
那么自己就得转换解题思路了,将二维码显示单独置于一个页面中,然后通过页面的嵌套(有关文章见博文"如何将一个html页面嵌套在另一个页面中"),将二维码再显示到订单中。
正题
二维码生成借用第三方的js库,主要代码如下:
<body>
<div style="margin-top: 70px; margin-left: 800px;">
<div id="qrcode" alt="二维码图片"></div>
<input type="text" id="getval" style="margin-top: 70px;"/>
<button id="send" ng-click="doQrcode()">点击更换二维码</button>
</div>
<script>
window.onload = function(){
var qrcode = new QRCode(document.getElementById("qrcode"), {
width : 96, //设置二维码宽高
height : 96
});
qrcode.makeCode("http://www.baidu.com");//默认二维码内容
document.getElementById("send").onclick =function(){
qrcode.makeCode(document.getElementById("getval").value);
}
}
</script>
</body>
- 网站开发进阶(十四)JS实现二维码生成
- js实现生成二维码
- 毛超帅 使用 jquery.qrcode.js 生成网站地址url二维码图片______软件开发-JAVA
- 网站开发进阶(二十四)HTML颜色代码表
- jQuery.qrCode.js实现二维码生成
- 网站开发进阶(十五)JS基础知识充电站
- 二维码生成网站
- 网站开发进阶(十二)JS实现打印功能(包括打印预览、打印设置等)
- 网站开发进阶(十二)JS实现打印功能(包括打印预览、打印设置等)
- js生成二维码插件
- js生成二维码
- js 生成二维码
- JS生成二维码
- JS生成二维码
- js生成二维码原理
- js生成二维码
- Js生成二维码
- js页面生成二维码
- BMP格式介绍
- 计算几何(一)
- 标准库function类型的小例子
- List常用子类区别
- Spring Security 项目
- 网站开发进阶(十四)JS实现二维码生成
- 信息检索(IR)的评价指标介绍-准确率、召回率、F1、mAP、ROC、AUC
- spring transaction源码分析--事务架构
- 数据结构(二)
- LUA+STM32,开始弄了。如何入门?
- 架构探险——Android MVP模式浅析
- 五步搞定Android开发环境部署——非常详细的Android开发环境搭建教程
- VS中使用OPENMP加速
- Cocoapods 安装简单流程