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

简介:

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





本文转自王磊的博客博客园博客,原文链接:http://www.cnblogs.com/vipstone/archive/2011/09/08/2171225.html,如需转载请自行联系原作者
目录
相关文章
|
监控 数据安全/隐私保护 Android开发
用最简单的方法下载微信视频号中的视频:微信视频号下载工具!
用最简单的方法下载微信视频号中的视频:微信视频号下载工具!
|
JSON 小程序 数据格式
微信小程序实现生成二维码功能并下载到本地
微信小程序实现生成二维码功能并下载到本地
358 0
微信小程序实现生成二维码功能并下载到本地
|
缓存 监控 测试技术
​微信视频号下载器免费版下载 (微信视频号视频下载)
​微信视频号下载器免费版下载 (微信视频号视频下载)
​微信视频号下载器免费版下载 (微信视频号视频下载)
|
iOS开发
Camtasia 2023注册机下载及最新版功能详情
Camtasia studio是一款专门捕捉屏幕影音的工具软件,它能够轻松记录屏幕动作,还有即时播放和编辑压缩的功能。camtasia studio能够录制高质量的视频,加入了全新的视频功能,包括可定制的前奏,外拍等,是你视频录制和编辑的好帮手。
3418 0
|
Windows
会声会影2022安装包下载功能简介
会声会影2022版本更新了大量新功能,优化了过去的不足,使用户更容易操作和制作视频,处理效果得到了质的提高。我相信很多用户也使用了会声会影系列软件。
199 0
成功解决最新版腾讯QQ软件出现的二维码加载失败,请点击刷新(一步搞定!)
成功解决最新版腾讯QQ软件出现的二维码加载失败,请点击刷新(一步搞定!)
成功解决最新版腾讯QQ软件出现的二维码加载失败,请点击刷新(一步搞定!)
使用APICloud实现文档下载和预览功能
使用 APICloud 开发 app 时,可以使用 api.download 方法实现下载;预览文档可以使用 superFile 模块。superFile 模块封装了基于腾讯浏览服务 TBS,使用 X5Webkit 内核,实现文件的展示功能,支持多种文件格式(PDF、Word、Execl、TXT、PPT)。
405 0
APICloud 实现文档下载和预览功能
文档下载是很多app,尤其是企业应用中常用的功能。使用APICloud开发app时,可以使用api.download方法实现下载;预览文档可以使用superFile 模块。superFile 模块封装了基于腾讯浏览服务TBS,使用X5Webkit内核,实现文件的展示功能,支持多种文件格式(PDF、Word、Execl、TXT、PPT)。
265 0
APICloud 实现文档下载和预览功能
|
安全
ElasticSeach详细安装教程--图文介绍超详细
ElasticSeach详细安装教程--图文介绍超详细
139 0
ElasticSeach详细安装教程--图文介绍超详细
|
Web App开发
如何从官网下载Chrome浏览器离线安装包
如何从官网下载Chrome浏览器离线安装包? 为什么要下载离线安装包? 经常需要用到,比如有一堆电脑要装要升级; 癖好,就爱收集安装包,哈哈……; 进入官网下载页面 下载在线安装工具 下载离线安装包 鼠标移动到Download菜单上,显示出浮动菜单,点击Support 安装Chrome 安装完成后,需要关闭所有Chrome浏览器的窗口,再打开Chrome,就会启用新版本。
1919 0

热门文章

最新文章