js 生成二维码_js 生成二维码

qrcode.min.js 下载地址：

jeromeetienne/jquery-qrcodegithub.com

页面中:
<div class="page">
<span class="title">请输入二维码链接</span>
<div class="form-group">
<div class="col-sm-6">
<input type="text" id="url" class="form-control" />
</div>
<div class="col-sm-6">
<button class="btn" οnclick="code()">生成</button>
</div>
</div>
<div class="form-group">
<div class="col-sm-8">
<div id="qrcode" style="margin-left:20%;"></div>
</div>
</div>
</div>
<script src="qrcode.min.js"></script>
<script type="text/javascript">function test(){var qrcode = new QRCode(document.getElementById("qrcode"), "http://www.baidu.com"); // 设置要生成二维码的链接
qrcode.clear(); // 清除代码
qrcode.makeCode("http://www.w3cschool.cc"); // 生成另外一个二维码
}function code(){
$('#qrcode').html('');var text = $('#url').val();new QRCode(document.getElementById('qrcode'),{
text: text,
width: 128,
height: 128,
colorDark : "#000000",
colorLight : "#ffffff",
correctLevel : QRCode.CorrectLevel.H
});
}
</script>

js 生成二维码_js 生成二维码相关推荐

微信小程序——weapp-qrcode.js生成二维码、海报二维码、核销码
各位小伙伴们,不知道你们在开发的时候有没有遇到小程序生成二维码,生成海报时候带上二维码.核销码等等. 那么,小程序端该如何生成二维码图片呢? 效果如下: weapp-qrcode.js 小伙伴们可以来 ...
小程序之保存canvas生成商品图片附加小程序二维码分享到朋友圈
小程序之保存canvas生成商品图片附加小程序二维码分享到朋友圈一.概述需要用到的生成二维码组件(可自行下载添加到小程序根目录utils里):https://github.com/demi52 ...
二维码的生成（可设置大小）以及插件下载地址
本文写的二维码生成是基于jQuery和jquery.qrcode.min.js插件的,本文将介绍两种方法和方式,仅供朋友选择和取舍.本文最下面附有插件的下载地址! 方式1: 基于jquery.qrco ...
点击识别元素位置、生成显示二维码、下载二维码
百度网盘地址效果: 代码: <!DOCTYPE html> <html><head><meta charset="UTF-8">& ...
基于Vue3实现扫码枪扫码并生成二维码的代码解析
基于Vue3实现扫码枪扫码并生成二维码的代码解析在本文中,我们将介绍如何使用Vue3实现扫码枪扫描条形码或二维码,并将其转换为二维码的过程.这个过程将涉及到以下步骤: 在Vue3项目中安装和导入vu ...
生成二维码，扫描二维码，二维码预览三件套。uQRCode、uni.scanCode、uni.previewImage
生成二维码,扫描二维码,二维码预览三件套.uQRCode.uni.scanCode.uni.previewImage 一.生成二维码使用插件:uQRCode(在uniapp插件市场下载引入) 将uq ...
如何在浏览器实现二维码流水号生成并实现自动打打印（上篇）
如何在浏览器实现二维码流水号生成并实现自动打打印(上篇) (原创) 这编文章介绍如何在C/S架构的系统里,添加一个生成打印二维码 /条形码的页面,并业实现流水号自动打印的方法. 网页生成二维码 /条形 ...
Java利用Zxing生成二维码及解析二维码内容
前言 Java 操作二维码的开源项目很多,如 SwetakeQRCode.BarCode4j.Zxing 等等本篇文章是介绍利用Zxing来生成二维码图片在web网页上展示,同时解析二维码图片. Z ...
【vue生成二维码】1.将后端返回的二维码字符串生成二维码；2.下载功能
vue使用qrcode插件一.只展示一张图的效果一.效果图: 二.具体代码: 1.安装 npm i qrcodejs2 --save 2.在页面使用 2.1.html <div id=&qu ...

js 生成二维码_js 生成二维码

js 生成二维码_js 生成二维码相关推荐

最新文章

热门文章