二维码的生成(可设置大小)以及插件下载地址

简介:   本文写的二维码生成是基于jQuery和jquery.qrcode.min.js插件的,本文将介绍两种方法和方式,仅供朋友选择和取舍。本文最下面附有插件的下载地址! 方式1:   基于jquery.qrcode.min.js插件生成,代码如下: 生成二维码 jQuery(function () { jQuery("#qrCodeDiv").qrcode("设置二维码的内容。

  本文写的二维码生成是基于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的精神。


下载地址:

jquery-1.6.1.min.js

jquery.qrcode.min.js

jquery.MyQRCode.js


【Stone 制作整理,引用请写明出处谢谢合作,联系QQ:1370569】






img_fa0be433d68c8212b2b0b3b1a564ccb1.png
如果本文对你有所帮助,请打赏——1元就足够感动我:)
支付宝打赏 微信打赏
联系邮箱:intdb@qq.com
我的GitHub: https://github.com/vipstone
关注公众号: img_9bde0f31ac4a0eca10b1bd7414b78faf.png


作者: 王磊
出处: http://vipstone.cnblogs.com/
本文版权归作者和博客园共有,欢迎转载,请标明出处。

相关文章
|
7月前
|
安全 网络安全 数据安全/隐私保护
Mendelson AS2 介绍下载和配置
Mendelson AS2 介绍下载和配置
|
监控 数据安全/隐私保护 Android开发
用最简单的方法下载微信视频号中的视频:微信视频号下载工具!
用最简单的方法下载微信视频号中的视频:微信视频号下载工具!
用最简单的方法下载微信视频号中的视频:微信视频号下载工具!
|
存储 文字识别 iOS开发
ABBYY FineReader2023最新版下载及新增功能介绍
ABBYY FineReader2023通过 OCR 实现纸质文件和扫描件数字化处理纸质文件和扫描件,便捷存储,检索快速可靠,方便在短期内反复使用和编辑文件,实现办工场所数字化。ABBYY不仅支持文字,还支持彩色文件识别、自动保留原稿插图和排版格式以及后台批处理识别功能,使用者再也不用在扫描软件、OCR、WORD、EXCEL之间换来换去了,处理文件会变得就像打开已经存档的文件一般便捷。
545 0
|
缓存 监控 测试技术
​微信视频号下载器免费版下载 (微信视频号视频下载)
​微信视频号下载器免费版下载 (微信视频号视频下载)
​微信视频号下载器免费版下载 (微信视频号视频下载)
成功解决最新版腾讯QQ软件出现的二维码加载失败,请点击刷新(一步搞定!)
成功解决最新版腾讯QQ软件出现的二维码加载失败,请点击刷新(一步搞定!)
成功解决最新版腾讯QQ软件出现的二维码加载失败,请点击刷新(一步搞定!)
Idea: 集成本地三方软件-以Typora打开Markdown文件为例
Idea: 集成本地三方软件-以Typora打开Markdown文件为例
608 0
Idea: 集成本地三方软件-以Typora打开Markdown文件为例
|
算法 数据安全/隐私保护
最新版修改CSDN图片水印~(10月亲测有效)
最新版修改CSDN图片水印~(10月亲测有效)
251 0
最新版修改CSDN图片水印~(10月亲测有效)
|
Android开发
apktoo.jar官方下载网址链接
apktoo.jar官方下载网址链接
132 0