如何使用jquery.qrcode.js插件生成二维码

1、首先需要准备 jquery.qrcode.js 和 jquery.js

github地址:https://github.com/lrsjng/jquery-qrcode

官方文档地址:http://larsjung.de/jquery-qrcode/

2、然后创建jsp页面,将js引入页面。(此处需要注意的的是顺序不能颠倒,必须是jquery.js先引入)

<script type="text/javascript"
    src="<%=request.getContextPath()%>/js/jquery.min.js"></script>
<script type="text/javascript"
    src="<%=request.getContextPath()%>/js/jquery.qrcode.min.js"></script>

3、创建一个div

<div id="qrcode"></div>

4、用如下js代码生成二维码(这段代码必须在div之后)

jQuery(‘#qrcode‘).qrcode("二维码的信息"); 

5、默认生成的二维码大小是 256×256,当然可以自定义大小

jQuery(‘#qrcode‘).qrcode({width: 64,height: 64,text: "二维码信息"});  
时间: 2024-08-18 21:06:46

如何使用jquery.qrcode.js插件生成二维码的相关文章

jquery.qrcode.js 插件生成二维码

下载地址:https://github.com/jeromeetienne/jquery-qrcode 例子: <!doctype html> <html> <head> <meta charset="utf-8"> <title>qrcode.js</title> </head> <body> <div id="qrcode"></div> &l

jQuery.qrcode.js客户端生成二维码,支持中文并且可以生成LOGO

描述: jquery.qrcode.js 是一个能够在客户端生成矩阵二维码QRCode 的jquery插件 ,使用它可以很方便的在页面上生成二维条码.此插件是能够独立使用的,体积也比较                 小,使用gzip压缩后才不到4kb.因为它是直接在客户端生成的条码, 所以不会有图片下载的过程,能够实现快速生成.它是基于一个多语言的类库封装的,也不依赖于其他额外的服务. 好处:使用jquery-qrcode的好处,不需要在服务器端生成多余的二维码图片,二维码直接通过JavaSc

自己开发chrome插件生成二维码

摘要: 最近在开发微信项目时,需要在微信调试,所以经常会在微信中输入本地服务地址,输入起来特别麻烦,所以自己就想了想微信中的扫一扫,然后开发了这款chrome插件,将当前url生成二维码,用微信扫一扫就可以看效果了.在公司里面已经使用起来了,屡试不爽. 代码地址:https://github.com/baixuexiyang/qrcode 欢迎star和fork

使用QRCode和zXing生成二维码

首先将需要的jar加到工程中 QRCode.jar.zxingcore-2.2.jar.javase-2.2.jar(也可不加,增加一个MatrixToImageWriter类也可以) package com.demo; import com.google.zxing.common.BitMatrix; import javax.imageio.ImageIO; import java.io.File; import java.io.OutputStream; import java.io.IO

VUE使用QRcode或者vue-qr生成二维码

这里介绍两种vue生成二维码的方法 QRcode vue-qr vue-qr比QRcode功能多在可以在中间加logo QRcode npm npm install qrcodejs2 import 在所需页面导入 import QRCode from 'qrcodejs2' use <div class="qrcode" ref="qrCodeUrl"></div> <script> methods: { creatQrCode

利用ZXing插件生成二维码

using System.Drawing; using ZXing; using ZXing.QrCode; /// <summary> /// 生成二维码 /// </summary> /// <param name="dirPath">路径</param> /// <returns></returns> private string GenerateQRCode(string dirPath) { Barcod

js在线生成二维码

<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>预览</title><script src="/js/jquery.min.js"></script><script src="/js/jquery.qrcode.min.js"><

js动态生成二维码图片

1.html代码 <div id="qrcode" style="width:200px; height:200px;position: fixed;bottom: 40%; right: 20%;"></div> 2.引入外部js文件 <script src="QRCode.js"></script> 3.方法调用 var qrcode = new QRCode(document.getEleme

qrcode length overflow 生成二维码网址长度溢出解决办法

QRCode.js is javascript library for making QRCode. QRCode.js supports Cross-browser with HTML5 Canvas and table tag in DOM. QRCode.js has no dependencies. Project forked from davidshimjs/qrcodejs, we fixed Code Length Overflow error. 可以下载修复的版本,亲测有效!