尽管你应该使用第三方或你自己的服务器上托管的外部服务(例如php)来生成QR Code图像并通过ajax调用将其作为base64图像返回, 因为这将消除许多麻烦, 例如浏览器支持等, 但是是一个名为jQuery QR Code的出色插件, 该插件是独立的, 只需几行即可在你的浏览器中的画布或表格中生成一个qrcode。
该插件基于qrcode.js, 但此插件增加了对https连接的支持。
插入
jQuery QR Code是用于纯浏览器qrcode生成的jquery插件。它使你可以轻松地将qrcode添加到你的网页。它是独立的, minify + gzip后不到4k, 没有图像下载。它不依赖于打开或关闭的外部服务, 也不会增加加载时的延迟。它基于一个以各种语言构建qrcode的库。 jquery.qrcode.js对其进行了包装, 使其易于包含在你自己的代码中。有一个普通的qrcode.js, 但是如果你的网站使用https协议, 则该插件将无法工作。 jQuery版本没有此问题, 因此你可以使用它而不必担心协议。
【如何使用jQuery轻松创建二维码】要开始使用插件, 请按照以下步骤操作：
将插件包含在你的文档中, 可以在此处下载：
<
script type="text/javascript" src="http://www.srcmini.com/jquery.qrcode.min.js">
<
/script>
然后在DOM中创建一个div, 其中将包含插件渲染的画布, 如果浏览器不支持画布, 请使用canvasjs polyfill添加画布支持或在初始化代码中添加render：table选项。
<
div id="demo">
<
/div>
然后初始化插件：
jQuery("#demo").qrcode("url or text");
// orjQuery("#demo").qrcode({
//render:"table"
width: 128,
height: 128,
text: "http://ourcodeworld.com"});
播放以下示例, 转到” 结果” 选项卡：
在此处访问插件的主页, 开始在浏览器中创建QR码！
文章图片
推荐阅读
- 如何使用jQuery AJAX获得上载或下载的进度
- 如何解决gulp异常（参考错误primordials未定义错误）
- 如何使用Node.js混淆JavaScript代码
- 如何检查Node.js中是否存在活动的Internet连接
- 如何使用Node.js关闭和重启Linux
- 如何在Node.js中使用SSH2从UNIX服务器下载整个目录
- 找不到相对于目录的预设”es2015″和”react”
- Golang中用到的的Websocket库
- 超简单五步实现Linux虚拟机CentOS 7系统Root密码忘记重置