如何使用jQuery轻松创建二维码

尽管你应该使用第三方或你自己的服务器上托管的外部服务(例如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版本没有此问题, 因此你可以使用它而不必担心协议。

要开始使用插件, 请按照以下步骤操作：

将插件包含在你的文档中, 可以在此处下载：

<script type="text/javascript" src="jquery.qrcode.min.js"></script>

然后在DOM中创建一个div, 其中将包含插件渲染的画布, 如果浏览器不支持画布, 请使用canvasjs polyfill添加画布支持或在初始化代码中添加render：table选项。

<div id="demo"></div>

然后初始化插件：

jQuery("#demo").qrcode("url or text");

// or

jQuery("#demo").qrcode({
    //render:"table"
    width: 128,     height: 128,     text: "http://ourcodeworld.com"
});

播放以下示例, 转到”结果”选项卡：

在此处访问插件的主页, 开始在浏览器中创建QR码！