首页 - 信息 - js生成中间带logo的二维码

js生成中间带logo的二维码

2023-10-05 23:14
-->

说明:jquery.qrcode.js是一个jquery插件,可以在客户端生成矩阵二维码QRCode。它可以用来轻松在页面上生成二维条形码。该插件可以独立使用,而且体积比较小。使用gzip压缩后小于4kb。由于是在客户端直接生成的条码,没有图片下载过程,可以快速生成。它基于多语言类库进行封装,不依赖其他附加服务。

好处:使用jquery-qrcode的好处是不需要在服务器端生成多余的二维码图片。二维码通过JavaScript直接在客户端生成,有效降低带宽和维护成本。

首先可以看一下jquery.qrcode.js官网。官方网站上也有例子。不过官网上的jquery.qrcode.js不支持中文。事不宜迟,让我们现在开始吧。

官网的qrcode.js文件没有实现中文支持和LOGO的添加。现在我们已将此文件修改为 jquery.qrcode.js 文件。另外,还需要一个用于转码中文的文件,就是utf.js。然后在jquery.qrcode.js文件中调用utf.js文件的utf16to8(str)方法对中文进行转码。

以下是我写的一个例子。本示例所需的js文件是jquery.qrcode.js和utf.js以及jquery-1.8.0.js。还有LOGO图片可以点击下载。

调用的jsp代码如下:

1 <%@ page language="java" contentType="text/html; charset=UTF-8"
2 pageEncoding="UTF-8"%>
3
4
5
6
7 此二维码支持中文和LOGO
8
9
10
11
12
25
26
27
28

29