二维码的生成(可设置大小)以及插件下载地址
本文写的二维码生成是基于jQuery和jquery.qrcode.min.js插件的,本文将介绍两种方法和方式,仅供朋友选择和取舍。本文最下面附有插件的下载地址!
方式1:
基于jquery.qrcode.min.js插件生成,代码如下:
<html>
<head>
<title>生成二维码</title>
<meta name="author" content="Stone(at)游久网,Blog" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="jquery.qrcode.min.js"></script>
<script type="text/javascript">
jQuery(function () {
jQuery("#qrCodeDiv").qrcode("设置二维码的内容。");
});
</script>
</head>
<body>
<div id="qrCodeDiv">
</div>
</body>
</html>
优点:基于jquery.qrcode.min.js插件生成,稳定,效率比较高。
缺点:不能设置和控制生成二维码的大小(笔者还没有找到)。
方式2:
基于jquery.MyQRCode.js插件下载,代码如下:
<html>
<head>
<title>生成二维码</title>
<meta name="author" content="Stone(at)游久网,Blog" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="jquery.MyQRCode.js"></script>
<script type="text/javascript">
jQuery(function () {
jQuery("#qrCodeDiv").MyQRCode(
{
content: "设置二维码的内容。",
size: "400x400"
});
});
</script>
</head>
<body>
<div id="qrCodeDiv">
</div>
</body>
</html>
优点:可自定义自己设置大小。
缺点:此二维码是基于https://chart.googleapis.com/chart?chs={size}&cht=qr&chl={content}&choe={encoding} 这个网址生成的,只是沟通js封装,依赖性很强。
至此二维码的生成就写完了,前辈们很友好把代码封装好了,只要遵循一定方法调用就是了,这也许就是互联网的精神,it的精神。
下载地址:
【Stone 制作整理,引用请写明出处谢谢合作,联系QQ:1370569】
关注下面二维码,订阅更多精彩内容。

【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· PostgreSQL 和 SQL Server 在统计信息维护中的关键差异
· C++代码改造为UTF-8编码问题的总结
· DeepSeek 解答了困扰我五年的技术问题
· 为什么说在企业级应用开发中,后端往往是效率杀手?
· 清华大学推出第四讲使用 DeepSeek + DeepResearch 让科研像聊天一样简单!
· 推荐几款开源且免费的 .NET MAUI 组件库
· 实操Deepseek接入个人知识库
· 易语言 —— 开山篇
· Trae初体验