前端快速生成二维码

示例：

方式1：

用https://api.qrserver.com/v1/create-qr-code参数data

方式2：
用QRCode插件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- 
		第一种
		<img style="width: 300px;height: 300px;"
			src="https://api.qrserver.com/v1/create-qr-code?data=http://ek.caikaixin.cn/fp/scanURl?businessId=17761263&c_code=ddzb&code=20220923142421870894"> -->




		<!-- 第二种 -->
		<div id="qrcode"></div>
		<script type="text/javascript" src="https://static.runoob.com/assets/qrcode/qrcode.min.js"></script>
		<script>
			//第二步：获取DOM元素 并 进行处理
			var qrcode = new QRCode(document.getElementById("qrcode"), {
				width: 100,
				height: 100
			});
			//第三步：生成分享二维码   
			qrcode.makeCode("http://ek.caikaixin.cn/fp/scanURl?businessId=17761263&c_code=ddzb&code=20220923142421870894");
		</script>
	</body>
</html>

前端插件使用
#前端生成二维码
前端快速生成二维码
https://github.com/chergn/chergn.github.io/c566552a498d/
作者
全易
发布于
2024年3月28日
许可协议