根据URL地址生成二维码
前提:之前用了别人网站的api来实现生成二维码,亮哥说不行,这样太依赖别人的,真的实现不了才这么做。
这次,我就选择了别人开源的文件进行调用,只要加载一个小js文件,再用它的语法即可。
下载qrcodejs URL:http://davidshimjs.github.io/qrcodejs/
在页面中引用jq和qrcodejs两个文件
html页面
<html>
<head>
<title>demo</title>
</head>
<script type="text/javascript" src="./js/jquery.js"></script>
<script type="text/javascript" src="./js/qrcode.min.js"></script>
<body>
<div id="qrcode"></div>
<input type="button" value="按钮" id="hit"/>
</body>
<script type="text/javascript">
var qrcode = new QRCode("qrcode", {
text: 'http://www.baidu.com', //URL地址
width: 260,
height: 260,
colorDark: '#000', //二维码颜色
colorLight: "#ffffff" //背景颜色
});
$('#hit').click(function(){
qrcode.clear(); // clear the code.
qrcode.makeCode("http://naver.com"); // make another code.
});
</script>
</html>
"qrcode" 为一个标签的id,执行后会在标签中插入一个cansave和img标签
img的src为 base64值
————————————————
版权声明:本文为CSDN博主「韩师学子--小倪」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/xiao__jia__jia/article/details/89045206
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
2020-12-09 MySQL数据库改名
2014-12-09 PL/SQL Challenge 每日一题:2014-3-14 11gR2中带RELIES_ON子句的RESULT_CACHE函数
2013-12-09 sed和awk的常用实例