jquery下载文件请求jQuery.qrcode.js客户端⽣成⼆维码，⽀持中⽂并且可以⽣成
LOGO
描述： jquery.qrcode.js 是⼀个能够在客户端⽣成矩阵⼆维码QRCode 的jquery插件，使⽤它可以很⽅便的在页⾯上⽣成⼆维条码。此插件是能够独⽴使⽤的，体积也⽐较⼩，使⽤gzip压缩后才不到4kb。因为它是直接在客户端⽣成的条码，所以不会有图⽚下载的过程，能够实现快速⽣成。它是基于⼀个多语⾔的类库封装的，也不依赖于其他额外的服务。
好处：使⽤jquery-qrcode的好处，不需要在服务器端⽣成多余的⼆维码图⽚，⼆维码直接通过JavaScript直接在客户端⽣成，有效减少带宽，以及维护成本。
⾸先⼤家可以看⼀下，官⽹上也有例⼦。但是官⽹的 jquery.qrcode.js是不⽀持中⽂的，废话不多说了，现在我们开始吧。
官⽹上的⽂件⾥没有实现中⽂的⽀持和LOGO的添加，现在我们将这个⽂件修改为jquery.qrcode.js⽂件了。此外还需要⼀个对中⽂进⾏转码的⽂件，该⽂件为              utf.js。然后在 jquery.qrcode.js ⽂件中调⽤了 utf.js ⽂件的 utf16to8(str) ⽅法对其中⽂进⾏了转码。
下⾯是我写的⼀个⽰例，该⽰例需要的js⽂件有和以及。还有⼀个可点击下载⽂件。
成品网站nike源码1688调⽤的jsp代码如下：
1 <%@ page language="java" contentType="text/html; charset=UTF-8"
2    pageEncoding="UTF-8"%>
3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "/TR/html4/loose.dtd">下列属于数据库设计内容的是
4 <html>
5 <head>
6 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
7 <title>该⼆维码⽀持中⽂和LOGO</title>
8
9 <script type="text/javascript" src="jquery-1.8.0.js"></script>
10 <script type="text/javascript" src="utf.js"></script>
雏鸟短视频入口网站免费11 <script type="text/javascript" src="jquery.qrcode.js"></script>
12 <script type="text/javascript">
13    $(document).ready(function() {
14        $("#qrcodeCanvas").qrcode({
15            render : "canvas",    //设置渲染⽅式，有table和canvas，使⽤canvas⽅式渲染性能相对来说⽐较好
16            text : "这是修改了官⽂的js⽂件，此时⽣成的⼆维码⽀持中⽂和LOGO",    //扫描⼆维码后显⽰的内容，可以直接填⼀个⽹址，扫描⼆维码后⾃动跳向该链接
17            width : "200",              //⼆维码的宽度cemented
18            height : "200",              //⼆维码的⾼度
19            background : "#ffffff",      //⼆维码的后景⾊
20            foreground : "#000000",        //⼆维码的前景⾊
毕加索《梦》的鉴赏
21            src: 'photo.jpg'            //⼆维码中间的图⽚
22        });
23    });
24 </script>
25
26 </head>
27 <body>
28    <center>
29      <h2>该⼆维码⽀持中⽂和LOGO</h2>
30      <div id="qrcodeCanvas"></div>
31    </center>
32 </body>
33 </html>
运⾏结果：
下⾯是⾃⼰做的⽰例源码，点击可下载源码。
版权声明：本⽂为博主原创⽂章，未经博主允许不得转载。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。